Shadcn components not working in nextjs 15 / react 19
For some reason my shadcn components are getting this error:
i am getting this is so many different areas of my app and not sure what to do to fix the issue. \
can anyone help?
Type error: 'Button' cannot be used as a JSX component.
Its type 'ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>' is not a valid JSX element type.
Type 'ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>' is not assignable to type '(props: any, deprecatedLegacyContext?: any) => ReactNode'.
Type 'import("G:/GitHub/BuzzTrip/apps/web/node_modules/@types/react/index").ReactNode' is not assignable to type 'React.ReactNode'.
Type 'ReactElement<unknown, string | JSXElementConstructor<any>>' is not assignable to type 'ReactNode'.
Property 'children' is missing in type 'ReactElement<unknown, string | JSXElementConstructor<any>>' but required in type 'ReactPortal'.
71 | </div>
72 | <div className="flex flex-col gap-2 min-[400px]:flex-row">
> 73 | <Button size="lg">Get Started</Button>
| ^
74 | <Button size="lg" variant="outline">
75 | Learn More
76 | </Button>
error: script "build" exited with code 1Type error: 'Button' cannot be used as a JSX component.
Its type 'ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>' is not a valid JSX element type.
Type 'ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>' is not assignable to type '(props: any, deprecatedLegacyContext?: any) => ReactNode'.
Type 'import("G:/GitHub/BuzzTrip/apps/web/node_modules/@types/react/index").ReactNode' is not assignable to type 'React.ReactNode'.
Type 'ReactElement<unknown, string | JSXElementConstructor<any>>' is not assignable to type 'ReactNode'.
Property 'children' is missing in type 'ReactElement<unknown, string | JSXElementConstructor<any>>' but required in type 'ReactPortal'.
71 | </div>
72 | <div className="flex flex-col gap-2 min-[400px]:flex-row">
> 73 | <Button size="lg">Get Started</Button>
| ^
74 | <Button size="lg" variant="outline">
75 | Learn More
76 | </Button>
error: script "build" exited with code 1i am getting this is so many different areas of my app and not sure what to do to fix the issue. \
can anyone help?
