Can't get AnimatePresence in Framer Motion to work

user_18645768 0
Viewed 263

I've been trying to get <AnimatePresence> from Framer Motion to work. But for some reason, I can't get it to work. I want to have an exit animation for a mobile navbar.

Here's a screenshot of the code: enter image description here

Here's the animation variables: enter image description here

It animates when en entering the DOM, but there's no animation when it leaves. Any help is greatly appreciated!

I've tried moving the different components around, but nothing seems to work.

framer-motion
1 Answers

From the Framer docs:

Child motion components must each have a unique key prop so AnimatePresence can track their presence in the tree.

You need to add a unique key prop to your m.ul element.

user_4697550
Related