Skip to content

all spotlight examples are broken #175

@iUnstable0

Description

@iUnstable0

Hi. i am using latest spotlight code from the example and it is not working (hovering actions)

clean NextJS project

package.json

"dependencies": {
    "@emotion/react": "^11.14.0",
    "@emotion/styled": "^11.14.1",
    "@mui/material": "^7.3.6",
    "@types/tinycolor2": "^1.4.6",
    "clsx": "^2.1.1",
    "howler": "^2.2.4",
    "lucide-react": "^0.562.0",
    "luxon": "^3.7.2",
    "motion": "^12.23.26",
    "next": "16.1.0",
    "react": "19.2.3",
    "react-canvas-confetti": "^2.0.7",
    "react-dom": "19.2.3",
    "react-hot-toast": "^2.6.0",
    "react-use-measure": "^2.1.7",
    "sass": "^1.97.1",
    "tailwind-merge": "^3.4.0",
    "tinycolor2": "^1.6.0",
    "use-sound": "^5.0.0"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.18",
    "@types/howler": "^2.2.12",
    "@types/luxon": "^3.7.1",
    "@types/node": "^20.19.27",
    "@types/react": "^19.2.7",
    "@types/react-dom": "^19.2.3",
    "babel-plugin-react-compiler": "1.0.0",
    "eslint": "^9.39.2",
    "eslint-config-next": "16.1.0",
    "prettier": "^3.7.4",
    "tailwindcss": "^4.1.18",
    "typescript": "^5.9.3"
  },

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions