Thank you so much! Setting the overwrite mode worked! Creating the tween looks like the best alternative so I tried using that, but React is crashing logging t.getAttribute is not a function.
const animation = gsap.fromTo(
circleId,
{
attr: {
r: 1
},
transformOrigin: "center",
},
{
scale: 20,
transformOrigin: "center",
paused: true
}
);
animateIconEnter = () => animation.timeScale(1).play();
animateIconLeave = () => animation.timeScale(6).reverse();
Here's my codepen.