Ben H.

No Inertia or Draggable, definitely the latest GSAP + ScrollSmoother. I had updated those the other day to see if anything would resolve, but that did not work

Due to the scale of the app, I'm not sure if I can effectively make a minimal demo at moment - because I cannot pinpoint exactly where the issue is coming from. I am noticing that if I remove my ScrollSmoother initialization, I'm not able to get that error again.

Using GSAP 3.12.2: Every 5-10 times I refresh my React application, I'm getting this error: Uncaught RangeError: Maximum call stack size exceeded at RegExp.exec (<anonymous>) at [Symbol.match] (<anonymous>) at String.match (<anonymous>) at Tween._addComplexStringPropTween (gsap-core.js:2744:1) at Tween._addPropTween (gsap-core.js:2815:1) at _initTween (gsap-core.js:3006:1) at _updatePropTweens (gsap-core.js:3067:1) at Tween.resetTo (gsap-core.js:3502:1) at Tween.resetTo (gsap-core.js:3503:1) at Tween.resetTo (gsap-core.js:3503:1) This is a pretty large app, and I am using a couple dozen ScrollTriggers at points, but that is the only plugin I'm using. I have seen this error on Windows 11 Chrome, Firefox, and MacOS Chrome and Safari.

Hello, I am having issues integrating GSAP ScrollTrigger with React.js. I want to have two different layouts for "desktop" and "mobile", defined by a breakpoint width of 1300px wide. I am conditionally rendering each layout based on an isMobile state, which I'm getting from the react-responsive library. Because of this, I don't think that the ScrollTrigger.matchMedia function is picking up on the new layout when you pass the 1300px threshold when resizing the window. It seems to work fine if you refresh the window completely, but if you resize your window to the breakpoint, the ScrollTrigger does not pick up the changes. Is there something I'm missing that would allow me to pick up on this conditional rendering? Or should I be rendering the layouts a different way? REPL.it can be found here Thank you!