useGSAP adds callbacks but doesn't kill the previous ones

[this_is_giulio]

Hello everyone again,
 

I have a React component with a `counter` state defined using `useState`.

I use `useGSAP` to create a timeline with `scrollTrigger` and update the component’s state in the `onUpdate` callback.

 

The problem is that the “old” `onUpdate` callbacks are not being cleared and continue to run.

I created a repo to illustrate the issue quickly. https://stackblitz.com/edit/react-sfv36uzm?file=src%2FApp.js

 

Where am I going wrong?

[this_is_giulio]

Anyone? 

[Rodrigo]

Hi,

 

Sorry for the delay, this one slipped through the cracks 🙏

 

I think your approach might be a bit convoluted, this seems simpler and easier, plus you don't have to set the counter as a dependency and the setCounter method is not called on every update (pretty wasteful IMHO):

https://stackblitz.com/edit/react-ckyyevug?file=src%2FApp.js

 

Hopefully this helps

Happy Twening!