How to use gsap.from() in react

Question

I am trying to create a stagger animation where three dots appear with a delay of 0.2s This is the code I wrote for the first dot, it is supposed to go from opacity:0 to opacity: 1 (as the default opacity of the circle is 1) but the opacity remains 0 and never changed to 1

gsap.from(circle, { duration: 0.2, opacity: 0, x: 20, ease: "Power4.easeInOut", });