[feat]: Add support for react 19

[RicardoGEsteves]

Feature description

Is there any timeframe or plan to migrate components to react 19?

Affected component/components

Most if not all

Additional Context

The use of forwardRef on same/most components for example is forcing the need to implement some change on the component definition and integration.

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues and PRs

[sbeckerdev]

I had to abandon a Next JS 15 because this lib is not compatible with React 19 and then switched to Remix and dark mode is broken. I really hope they solve the issues.

[eriknyk]

@sbeckerdev dark mode works perfectly on Remix for me, what problem do you have?

[sbeckerdev]

The root layout is different in the last version. I followed the guide and it looks like the dark class is not applied when pressing the toggle. Can you share an example?

[zuher83]

@sbeckerdev I don't understand the problem. Next.js15 with React.js19 works perfectly for me! Look, I even made a Starter Kit, and from that, I created a project that should be in production within a month.
https://github.com/zuher83/Nextjs-15-Z-Starter-Kit

[Kiranism]

@sbeckerdev I don't understand the problem. Next.js15 with React.js19 works perfectly for me!

Hey @zuher83 , I see you are using React 19, and the ShadCN components are still using the deprecated forwardRef. How do you manage to avoid this error?

[zuher83]

Hey @Kiranism Good question! Even though forwardRef is deprecated in React 19, ShadCN components still work fine because React maintains backward compatibility.

[Kiranism]

Hey @Kiranism Good question! Even though forwardRef is deprecated in React 19, ShadCN components still work fine because React maintains backward compatibility.

Got it, but I'm still getting that error in the modal. :)

[rafadlis]

Hey @Kiranism Good question! Even though forwardRef is deprecated in React 19, ShadCN components still work fine because React maintains backward compatibility.

Got it, but I'm still getting that error in the modal. :)

I got the same error, it is about lint or eslint. you can disable it

[waldaara]

any updates?

[RicardoGEsteves]

You will have to updated it yourself at least was what I did, forget forwardRef and ElementRef, and use instead ComponentPropsWithRef that way you will access ref passed by props.