Querystring in pathname messes up appear sequence with Next.js

[ffdead]

The extra re-renders caused by the router hydrating client-side seems to confuse react-transition-group.

Workaround:

 const router = useRouter();

 <PageTransitions key={router.isReady ? 'hydrated' : 'ssr'}>
   {children}
 </PageTransitions>

[ffdead]

Added some nextjs tips in the wiki: https://github.com/14islands/react-page-transitions/wiki/Next.js-tips