now fixed?

src/components/testsvganimation.tsx

 import gsap from "gsap"; 
-import { ScrollTrigger } from "gsap/ScrollTrigger";
-import { useGSAP } from '@gsap/react';
+import { useGSAP } from "@gsap/react";
+import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
 import { useRef } from 'react';
-import { MotionPathPlugin } from "gsap/MotionPathPlugin";
-
+import { MotionPathPlugin } from "gsap/dist/MotionPathPlugin";
 
 
 
 function TestSVG() {
+  gsap.registerPlugin(useGSAP);
   gsap.registerPlugin(MotionPathPlugin);
   gsap.registerPlugin(ScrollTrigger);
+  
 console.log("Started TestSVG")
   const vectorRef = useRef(null);
   const payloadRef = useRef(null);
@@ -87,4 +88,5 @@ console.log("Started TestSVG")
   );
 }
 
-export default TestSVG;
+export default TestSVG;
\ No newline at end of file
+