Hi, I'm starting at GSAP and I'm trying to draw a circle path with drawSVG using useRef() hook, but I don't know what I am doing wrong.
This is a resume of my actual code, any idea? I am using GSAP 2.0. It doesn't react at all...
import { TimelineLite, TweenMax, DrawSVGPlugin } from 'gsap/all';
let circle = useRef(null);
let tl = new TimelineLite();
useEffect(() => {
tl.from(circle, 2, { drawSVG: 0 });
});
<circle
ref={(el) => (circle = el)}
fill="none"
id="Oval"
strokeWidth="1"
stroke="#FFFFFF"
cx="48"
cy="47"
r="44"
></circle>