React 19

[bernaferrari]

Right now I have a project (completely not a magic patterns competitor, but I can't show because it isn't working) that is failing due to React 19 somehow being injected and being mixed with Radix (Tabs, Radio and ScrollArea seem specially affected).

I don't know if this will solve, since there is no way to test, but seems like the most promising thing I can do.

My previews started mysteriously failing last week (React 19? Coincidence?) and Chrome errors also seem to point to React 19:

TypeError: Cannot read properties of null (reading 'useCallback')
at R.useCallback (react.production.js:485:33)
at r (composeRefs.tsx:31:28)
at ScrollArea.tsx:87:26

So let's hope this works. This iFrame is an example of my use-case, but we are doing other things now, so it is mostly a project in maintenance:
example-iframe.html.zip

[alexdanilowicz]

Hey @bernaferrari — so internally at Magic Patterns we use shadcdn but we use it alongside React: "^18.3.1" - so unfortunately we cannot bump here yet.

In the spirit of simply wanting to solve your issue: it might make sense for you to fork this repo and start publishing your own "shadcdn" - just because, to be totally honest, can't really prioritize testing / publishing a new version of shadcdn at this exact moment... can maybe look in a few days.

hope that makes sense. lmk if i can be helpful in any other way. just trying to be realistic + get a solution for you ASAP.

[bernaferrari]

I used React 18 from jsdelivr to render everything and that worked until last week. Now, somehow, I guess if you have shadcdn alone it uses React 19 sometimes. Super weird. I'm not sure I'm smart enough to do what you are doing (and I guess your new package is also not public), but if you ever update to React 19, this PR is ready (else, feel free to close).