Merge pull request #94 from MichiganDataScienceTeam/feat/dynamic_fact

clean-up-code

pages/index.jsx

@@ -164,12 +164,9 @@ function ProjectCard({ json, basePath }) {
   );
 }
 
-import React, { useEffect } from "react";
-
 function Factbox({ fact, closer }) {
-  useEffect(() => {
+  if (typeof window !== "undefined") {
     const elements = document.querySelectorAll(".number");
-
     const observer = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
@@ -193,18 +190,10 @@ function Factbox({ fact, closer }) {
         }
       });
     });
-
     elements.forEach((element) => {
       observer.observe(element);
     });
-
-    return () => {
-      elements.forEach((element) => {
-        observer.unobserve(element);
-      });
-    };
-  }, []);
-
+  }
   return (
     <div className="text-left bg-grey p-4 rounded-lg w-full">
       <h2 className="text-4xl font-semibold my-2">