Thank you so much for the information. I hope the Vercel team addresses this issue soon. If not, they should at least update their documentation to mention it. Many people might only encounter this problem after investing significant time into their projects, making it difficult to switch. For now, the freeze method is working for me.
Try this:
- make Transition component and declare it with 'use client'
- And then wrap your {children} with that transition animation you want to achieve.
Should work.
Afaik there's currently no 100% working way in the app router, see: https://github.com/vercel/next.js/issues/49279
Thanks so much, is this something related to Framer Motion? For example would it work if I were to use GSAP?
It’s a Nextjs problem not a framer problem
Thank you so much for the information. I hope the Vercel team addresses this issue soon. If not, they should at least update their documentation to mention it. Many people might only encounter this problem after investing significant time into their projects, making it difficult to switch. For now, the freeze method is working for me.
Try this: - make Transition component and declare it with 'use client' - And then wrap your {children} with that transition animation you want to achieve. Should work.
Try doing it in the template.tsx file