JAVASCRIPT

exitBeforeEnter not working

// In the "currently" latest version of NextJS 12.1 "exitBeforeEnter"
// does not work out of the box for using page transitions. 
// This is because of an issue with react 18. The way to handle this
// is to add a key of router.pathname to your Component inside _app.js

const App = ({ Component, pageProps, router }) => {
  return (
    <AnimatePresence exitBeforeEnter>
      <Component {...pageProps} key={router.pathname}/>
    </AnimatePresence>
  )
}