useEffect for only one hashchange listener

labsyspharm · Jul 13, 2023 · 4114655 · 4114655
1 parent 08879e0
commit 4114655
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/main.tsx b/src/main.tsx
@@ -16,9 +16,11 @@ const Main = (props: Props) => {
   const [url, setUrl] = useState(window.location.href);
   const hashContext = useHash(url, exhibit.stories);
   // Handle changes to URL
-  window.addEventListener("hashchange", () => {
-    setUrl(window.location.href);
-  });
+  useEffect(() => {
+    window.addEventListener("hashchange", () => {
+      setUrl(window.location.href);
+    });
+  }, [])
   return (
     <Index {...{
       exhibit, setExhibit,