Scrolltrigger Scrub problem when React State changes

[alvsys]

Hi!

I am using ScrollTrigger in React and I am experiencing the following problem:

When I update any React State and I use scrub:1(or any number), the animation is reset and it is possible to see it jumping.

This doesn't happen when scrubis set to true

I've tried different methods available in the guides and read many forum topics but I haven't had success.

I wonder if this is possible keep the position when there is a re-render?

 

I'd appreciate any help  

Thanks in advance

See the Pen WNdbVZL by alvsys (@alvsys) on CodePen.

[OSUblake]

Welcome to the forums @alvsys

 

Your useEffect needs an empty array on the end, otherwise it will recreate the animation on every state change. Be sure to check out our React guide.

 

 

 

[alvsys]

Hi @OSUblake, thank you very much! now it works like charm,

I checked lots of times for days and I couldn't see that detail   newbie mistake, I put the focus in the wrong stuff.

Much appreciated ?

Cheers!