I have a page with scrollTrigger, implemented within react project. I am using UseEffect hook for implementing it and cleaning up with kill() afterwards.
When loading redirecting to the page the first time - everything works ( from page with no scrollTrigger), after going back to frontpage and to scroll-trigger page again, it stops working.
When loading the page directly, it never works, the scroll-trigger markers flash and disappear.
This happens only on production - vercel hosted, statically generated page.
Any idea what could be causing this. I have tried different solutions, made sure the trigger is loaded and there when scrolltrigger gets initiated, which it always does. When I console log the scrollTrigger after initiation, it's there. No other elements on the page use scrollTrigger, it's the only one.
Videos and code for information bellow, it's hard to recreate in codepen as it' a part of bigger ecosystem .
https://drive.google.com/drive/folders/1k_ZMRbcrezLGbtemDDX8NIGGqsdgC69K?usp=sharing