Animation works and then disappears automatically

[KidNinja]

I have this simple text animation. I was following a tutorial on youtube. The animation works as expected but after it is completed it seems to automatically hide itself. I have included a video below.

[KidNinja]

https://zzozdp.csb.app/ - This is a link to it

[GreenSock]

Welcome to the forums, @KidNinja

 

It looks like you just aren't doing proper cleanup. In React 18, useEffect() is actually called TWICE. So you're inadvertently creating duplicate/competing animations. That's why gsap.context() is your new best friend in React - please read this article: 

 

It makes cleanup super easy.

 

Is this what you were looking for?: 

https://codesandbox.io/s/silent-surf-gm3896?file=/src/App.js