Next.js Discord

Discord Forum

Exit animation on intercepted routes with framer-motion

Unanswered
Yellow and black potter wasp posted this in #help-forum
Open in Discord
Yellow and black potter waspOP
Im using intercepted routes (NextJS 14.0.0 App Directory) to render a Login-page as a Modal, if the user clicks on a link, or as a page if the user comes from an off-site link as described here : https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes#modals

I’am animating the modal using Framer Motion and while the enter animation works fine the exit does not. I’m wrapping my layout component in AnimatePresence but here i’ve wrapped my component with it : https://gist.github.com/danielschmid/6fa9f649d69842c929848866b36d1d5f

4 Replies

have a look
Yellow and black potter waspOP
thanks. I’ll have a look into this example 👍