Merge pull request #95 from MichiganDataScienceTeam/feat/dynamic_fact

(bug) fix bug
MichiganDataScienceTeam · Sep 15, 2024 · 9ca6cfe · 9ca6cfe
2 parents d71831f + 2845fb9
commit 9ca6cfe
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/pages/index.jsx b/pages/index.jsx
@@ -164,9 +164,12 @@ function ProjectCard({ json, basePath }) {
   );
 }
 
+import React, { useEffect } from "react";
+
 function Factbox({ fact, closer }) {
-  if (typeof window !== "undefined") {
+  useEffect(() => {
     const elements = document.querySelectorAll(".number");
+
     const observer = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
@@ -190,10 +193,12 @@ function Factbox({ fact, closer }) {
         }
       });
     });
+
     elements.forEach((element) => {
       observer.observe(element);
     });
-  }
+  }, []); // Empty dependency array means this effect runs once after the initial render
+
   return (
     <div className="text-left bg-grey p-4 rounded-lg w-full">
       <h2 className="text-4xl font-semibold my-2">