fix: build error

GabsEdits · Jun 11, 2024 · 5867ee5 · 5867ee5
1 parent ba620ee
commit 5867ee5
Showing 1 changed file with 19 additions and 15 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -192,28 +192,32 @@ export default function Home() {
   };
 
   useEffect(() => {
-    const hoverElement = document.querySelector("h1");
-    const originalColor = "var(--color-text)";
+    useEffect(() => {
+      const hoverElement = document.querySelector("h1");
+      const originalColor = "var(--color-text)";
 
-    hoverElement.addEventListener("mouseenter", function () {
-      const randomColor = getRandomColor();
-      hoverElement.style.color = randomColor;
-    });
-
-    hoverElement.addEventListener("mouseleave", function () {
-      hoverElement.style.color = originalColor;
-    });
-
-    return () => {
-      hoverElement.removeEventListener("mouseenter", function () {
+      if (hoverElement) {
+      hoverElement.addEventListener("mouseenter", function () {
         const randomColor = getRandomColor();
         hoverElement.style.color = randomColor;
       });
 
-      hoverElement.removeEventListener("mouseleave", function () {
+      hoverElement.addEventListener("mouseleave", function () {
         hoverElement.style.color = originalColor;
       });
-    };
+
+      return () => {
+        hoverElement.removeEventListener("mouseenter", function () {
+        const randomColor = getRandomColor();
+        hoverElement.style.color = randomColor;
+        });
+
+        hoverElement.removeEventListener("mouseleave", function () {
+        hoverElement.style.color = originalColor;
+        });
+      };
+      }
+    }, []);
   }, []);
 
   function getRandomColor() {