horizontal ScrollTrigger acts weird with React

[Pavel Laptev]

Hi! I'm trying to make an animation with the ScrollTrigger with React.

Each card component has the `gsap` `fromTo` function, and I'm passing the trigger element via props.

But it creates two scrolls. I'm missing something, but can't understand what.

 

Thank you in advance!

 

Demo is here https://codesandbox.io/s/brave-ishizaka-s6hysi?file=/src/Card.tsx

[GreenSock]

Isn't props.trigger null? And what do you mean by "it creates two scrolls"?