bugfix, indefinite eventlistener

vitessio · Oct 10, 2023 · 613bb17 · 613bb17
1 parent 2a3e5fa
commit 613bb17
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/website/src/pages/HomePage/components/HowItWorks.jsx b/website/src/pages/HomePage/components/HowItWorks.jsx
@@ -41,12 +41,16 @@ function HowItWorksCard(props) {
   const cardRef = useRef();
   const glowRef = useRef();
 
+  function glowWithMouse(event) {
+    const cardRect = cardRef.current.getBoundingClientRect();
+    glowRef.current.style.setProperty("--x", `${event.x - cardRect.x}px`);
+    glowRef.current.style.setProperty("--y", `${event.y - cardRect.y}px`);
+  }
+
   useEffect(() => {
-    window.addEventListener("mousemove", (event) => {
-      const cardRect = cardRef.current.getBoundingClientRect();
-      glowRef.current.style.setProperty("--x", `${event.x - cardRect.x}px`);
-      glowRef.current.style.setProperty("--y", `${event.y - cardRect.y}px`);
-    });
+    window.addEventListener("mousemove", glowWithMouse);
+
+    return () => window.removeEventListener("mousemove", glowWithMouse);
   }, []);
 
   return (