remove nav listener on unmount

2024-06-06 00:46:46 +01:00
parent 77da5694bb
commit 447bb82e2f
5 changed files with 17 additions and 14 deletions
--- a/src/components/NavBar/index.jsx
+++ b/src/components/NavBar/index.jsx
@@ -15,16 +15,20 @@ import {
 export default function NavBar({ toggle }) {
    const [scrollNav, setScrollNav] = useState(false);

-    const changeNav = () => {
-        if (window.scrollY >= 80) {
-            setScrollNav(true);
-        } else {
-            setScrollNav(false);
-        }
-    };
-
    useEffect(() => {
+        const changeNav = () => {
+            if (window.scrollY >= 80) {
+                setScrollNav(true);
+            } else {
+                setScrollNav(false);
+            }
+        };
+
        window.addEventListener("scroll", changeNav);
+
+        return () => {
+            window.removeEventListener("scroll", changeNav);
+        };
    }, []);

    const toggleHome = () => {