monorepo: got warning/error 'Button' cannot be used as a JSX component.

[vatoer]

I got warning on my VSC on fresh install shadcn monorepo

Button' cannot be used as a JSX component.

file apps\web\app\page.tsx

import { Button } from "@workspace/ui/components/button"

export default function Page() {
  return (
    <div className="flex items-center justify-center min-h-svh">
      <div className="flex flex-col items-center justify-center gap-4">
        <h1 className="text-2xl font-bold">Hello World</h1>
        <Button size="sm">Button</Button>
      </div>
    </div>
  )
}

turbo version

    "turbo": "^2.3.0",
    "typescript": "5.5.4"

apps\web\package.json

"dependencies": {
    "@workspace/ui": "workspace:*",
    "lucide-react": "0.456.0",
    "next-themes": "^0.4.3",
    "next": "^15.1.0",
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "18.3.0",
    "@types/react-dom": "18.3.1",
    "@workspace/eslint-config": "workspace:^",
    "@workspace/typescript-config": "workspace:*",
    "postcss": "^8",
    "tailwindcss": "^3.4.1",
    "typescript": "^5"
  }

how to solve this ?

[reesz]

We're running into a similar issue on our end. Did you find any solution for this?