-
Notifications
You must be signed in to change notification settings - Fork 807
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[BUG] Incompatible with React 19 #2668
Comments
Interestingly, everything does work after building, but not in dev mode (using Vite) |
Isn't it in dev mode that React now double renders as well as runs double effects? |
From the upgrade guide, for clarity's sake:
|
I have found that almost all animations break in react 19 with strict mode on. Initial state will be stuck forever and exit animations just instantly snap to the last state. Turning off strict mode fixes all of these issues as far as I know. This is, ofcourse, inadvisable. |
Understand that from the PR this is not a priority and I've been able to work around this issue happily ^ Encountered this during a test upgrade of NextJS which is likely going to force React 19 upon it's users from 14.3.0+ (it currently throws an error at startup and asks you to upgrade to React 19.0.0 >=), so you may see more issues being raised around this particular snafu. Just thought I'd throw it out there before the deluge of issues comes in 😂 |
Just found this issue after searching for a while why the animations of https://github.com/Temzasse/react-modal-sheet wouldn't work in dev mode, but would in production mode. Very surprising, thanks ! |
Track React 19 progress here: #2667 Current compatible version is |
Anyone coming here after upgrading to Next 15 It's suggested to use [email protected] now until react 19 is out |
@DrewLandgraveCbsi Yep! |
@DrewLandgraveCbsi , This isn't working for me, I updated to the latest nextJS. Did you also update to the latest or do you have a different version? |
@alexwindelberg Do you have the proper module resolutions/overrides in your package.json? I'm using yarn so it looks like
For npm I think it's
When I ran the codemod for nextjs it did this for me |
@DrewLandgraveCbsi , thank you this helped |
Framer Motion is incompatible with React 19.
Framer itself runs on React 18 and given the scope of breaking changes (subtle and major) I think it is unlikely to be upgraded in the near-term.
To support 19, we preferably have to fix types and animations in a way that is backwards compatible with 18.
Types: #2640
Animations: #2624
Please add further examples of broken behaviour in the comments here.
The text was updated successfully, but these errors were encountered: