[ScrollTrigger Stop working while switching the routes in NextJS]

Hi, Thank you for you response, I'm sorry for the inconvenience. I'm not very familiar with Codepen and I think it doesn't have NextJS environment. Anyways, I've fixed the CSB Issues, please re-check the link below and let me know how I can solve this issue. Thanks.

 

https://codesandbox.io/s/pedantic-haze-j41gfp?file=/pages/index.js

[ScrollTrigger Stop working while switching the routes in NextJS]

Hi GSAP Community. I've recently Joined the GreenSock Club. I'm working on my first GSAP Application and facing some issue with ScrollTrigger Animation, I'm using the next/router and every-time when I switch to new route and come back to old ones, the old ones ScrollTrigger Animation stop working. I've tried to kill the Animation but still having the issue.

 

Here's the Sandbox link https://codesandbox.io/s/icy-flower-cuf0jl?file=/pages/index.js

 

Having this warning in console as well: GSAP target undefined not found. https://greensock.com

 

I'm using the GSAP ScrollSmoother Plugin as well, could there be any page size calculation issue?