[bug]: React 19 forwardRef warnings

shadcn-ui / ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

https://ui.shadcn.com

MIT License

62.99k stars 3.55k forks source link

[bug]: React 19 forwardRef warnings #3898

Open RDIL opened 1 month ago

RDIL commented 1 month ago

Describe the bug

React 19 has deprecated forwardRef - that means that these components will need to be modified in order to stop the deprecation warnings. The replacement is just to pass ref as a prop.

Affected component/components

Almost all

How to reproduce

Use next.js canary and open browser console

Codesandbox/StackBlitz link

https://github.com/vercel/next.js

Logs

No response

System Info

N/A

Before submitting

[X] I've made research efforts and searched the documentation
[X] I've searched for existing issues

hawkdevelopers commented 1 month ago

Same error here :(

pavelbe commented 1 month ago

I have the same error. When will this be fixed? I want to practice Nextjs 15 (rc) + shadcn ui !

Thijs-Lambert commented 1 month ago

Radix needs to be React 19 ready first. Which is happening right now with https://github.com/radix-ui/primitives/pull/2934. Shadcn/ui will probably follow shortly after.

vladmoroz commented 3 weeks ago

This is fixed in the new release candidate versions – please upgrade to the latest rc’s

CarlosZiegler commented 3 weeks ago

Radix React 19 compatibility RC => https://github.com/radix-ui/primitives/pull/2934

New RC versions => https://github.com/radix-ui/primitives/commit/1910a8c91c5927e58b8fca3aeaa31411f32fee7c