Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] React 18 issues

See original GitHub issue

Using React 18 a component inside <AnimatePresence/> does not unmount from the DOM after the exit animation finishes. There are also other issues involving layoutId, but the one that seems really broken is the <AnimatePresence/>.

It seems that most issues are related to the strict mode. Disabling it fix the issue.

Framer version: 5.5.5 React version: 18.0.0-rc0

Issue Analytics

State:
Created 2 years ago
Reactions:15
Comments:6

Top GitHub Comments

23reactions

JarolinVargascommented, Apr 1, 2022

Any updates on this? I’m also dealing with this issue

10reactions

vpontiscommented, Feb 5, 2022

Ah yeah that makes sense it still isn’t concurrent safe, we’ll have to take a look at this soon.

That would be awesome, thanks @mattgperry. This is blocking our upgrade to React 18 and we love Framer Motion 😃

Top Results From Across the Web

Bug: React 18 types broken since the type release a ... - GitHub

Can we move this issue discussion to the DefinitelyTyped repository? That's where the React typings are maintained, and you'll probably see more ...

Why React 18 Broke Your App - CoderPad

React 18's internal changes improved a lot, but may have broken your app in the process. Here's why and how you can fix...

React 18 Is Broken In A Weird Way - YouTube

React 18 includes concurrent rendering which might render a `useEffect` multiple times. If you rely on useEffect for onComponentDidMount, ...

Upgrade to react 18 — Issues and resolution - Dev Genius

Made React.StrictMode component a child/descendent of Provider component in my src/index.js file. There are some significant updates to strict mode in React 18...

Strict Mode - React

To help surface these issues, React 18 introduces a new development-only check to Strict Mode. This new check will automatically unmount and remount...