GSAP doesn't work on page refresh

[AlexMKC 3 Likes (Newbie)]

In the below link, the GSAP  effect is working on page load. However, when I refresh the page, it no longer works. Why is this? I tried using a useEffect hook but that didn't work.

 

https://codesandbox.io/s/wonderful-elbakyan-enusid?file=/src/App.js

[GreenSock 18,243 Likes (Superhero)]

I assume you wanted something like this?: 

https://codesandbox.io/s/modest-haslett-fvkipm?file=/src/App.js

 

I'm not much of a React guy, but I believe it requires you to useEffect() otherwise your code will run again and again every time the component renders, and you must define an empty dependency array. Also, you can't use "class" in your jsx - I think it  has to be "className". Again, a React thing. Totally unrelated to GSAP. 

 

You might want to read

 

I hope that helps.