[GSAP Page Transitions in Next.js]

Hi, I've tried to refactor "GSAP Page Transitions Next13" example to work with app router.

 

Your example with pages router:
https://stackblitz.com/edit/nextjs-13cw4u

 

After changes when you click a link it first loads a new page and only then starts transitions.

 

Just to be clear what I mean:

how it should be: click the link => transitions out an old page => transitions in a new page,

how it is: click the link => immediately loads a new page => transitions out a new page => transitions in a new page.

 

Repo after changes:
https://github.com/szn-a/nextjs-nvdumc

Above code throws an error on stackblitz.com when trying to navigate it runs ok locally and on my vps.

 

Any suggestions?

 

Regards