У меня есть следующая ссылка на моей странице индекса, которая ссылается на мою About Us
страницу:
<Link href="/about"><a>About us</a></Link>
в моем файле _app.js
, у меня есть AnimatePresence
оболочка:
<AnimatePresence exitBeforeEnter>
<Component {...pageProps} key={router.route} />
</AnimatePresence>
Теперь, когда я нажимаю на ссылку About Us
, в строке URL-адреса браузера отображается новый маршрут, но содержимое страницы остается индексным.
Но, когда я удаляю оболочку AnimatePresence
, он работает нормально (без анимации, конечно).
Почему не работает моя анимация?