.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
React and GSAP animations with fetched data from a JSON file
Hello Folks, Been having a hell of a frustrating time trying to combine GSAP with React. I'm fairly new to both technologies. I'm basically doing a fetch request to get data from a json file (public/data.json) and mapping it into a div in the Test.js component. I just cant seem to animate anything thats returned in the response with GSAP. From everything I was able to find online, it seems I need to use useRef() with GSAP. Any help would be greatly appreciated. I've created a code sandbox here:
Hey @tunji.akanbi
Can I ask why you are using React? I'm trying to understand our React users better and how to improve the experience.
So let's break down some issues with your code...
Not a big one, but async is meant to be used with await. Using .then() is basically an alternate way to do async/await. It really doesn't matter which method you use as the end result will be the same.
useEffect(() => {
(async () => {
const response = awa
