good practice for mouse animation when entering / leaving a space

[amapic]

I made here a basic animation of a div which is following the cursor as it enters or leaves a space:

https://codesandbox.io/p/sandbox/eloquent-almeida-wujeen

 

it works quite well (not perfectly). Not to trigger the enter and the leave animation together, I made some control with isActive() and then I launch restart(). But what are actually the good practice about this subject ?

See the Pen by (@) on CodePen

[Rodrigo]

Hi,

 

A few things, you're not reverting your GSAP Context instance in the return of the useEffect hook, I strongly recommend using that cleanup section to revert your context and remove event listeners.

 

I recommend you to take a look at this example so you can extract some ideas from it:

https://greensock.com/react-advanced#imperative-communication

 

Let us know if you have more questions.

Happy Tweening!

[amapic]

thanks for all