I’m trying to animate the SVG with GSAP. But the console.log says “Uncaught TypeError: Cannot read properties of undefined (reading ‘get total length’)”. It reacts project and this is the code I used inside of “useEffect”. Can anyone tell me what’s wrong with my code? I try to search on google but most of the answers were about “null” This
Tag: gsap
GSAP Animations(TweenMax) not triggering in React,
I cannot figure out for the life me what how to get this Gsap animations to work. I’m still learning react but I was able to get everything to work properly in a standard project using html, css, and javascipt but i wanted to try and recreate the effect in React. There’s much more code, it’ll compile but the animations
Function Launches before reaching the viewport when passing Arguments?
my question was closed because many people think it is associated with this question Why is the method executed immediately when I use setTimeout? I read all the answers but it doesn’t work for me and second, the question doesn’t contain any explanation to the question I asked: “why it’s not working when I am passing arguments? so can you
Eslint throwing “Parsing error: Unexpected token” while using TypeScript
I installed @types/greensock and started using gsap with TypeScript. Everything works fine, but the ScrollTo plugin is giving this eslint error (image attached). Someone knows something about it? Here is the eslint error: Here is my .eslintrc: Here is my code: Answer I have been told in the GreenSock forum that I shouldn’t be using @types/greensock as gsap has built
Image hover animation bug on Robin Dela Hover Effect with GSAP CDN
I applied a simple transition effect with the “Robin Dela Hover Effect” plugin. Although it only works fine with TweenMax and ThreeJS cdns, if I add the GSAP cdn the animation turns into an error. When you swipe the mouse over the picture from left to right, it displays the other picture a few seconds after without entering the animation.