diff --git a/src/components/testsvganimation.tsx b/src/components/testsvganimation.tsx
index fbeea7d347b8413fbde18ca6913601d5b3b0894f..3daa882100b556c54f9b35c210f6b5b9b1b97a00 100644
--- a/src/components/testsvganimation.tsx
+++ b/src/components/testsvganimation.tsx
@@ -1,15 +1,16 @@
 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;
\ No newline at end of file
+export default TestSVG;
+