Theo's Typesafe CultTTC
Theo's Typesafe Cult•14mo ago
Jacob

Shadcn components not working in nextjs 15 / react 19

For some reason my shadcn components are getting this error: 
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 1


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?
Was this page helpful?