Fix Header useEffect

src/components/Header.tsx

@@ -36,26 +36,24 @@ const Header: React.FC = () => {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
   const [isHidden, setHidden] = useState(false);
   const yCoord = useRef(0);
-
-  const handleScroll = () => {
-    const newCoord = window.pageYOffset;
-    if (!mobileMenuOpen && newCoord > yCoord.current && newCoord > PREVENT_IS_HIDDEN_Y) {
-      setHidden(true);
-    } else {
-      setHidden(false);
-    }
-    yCoord.current = newCoord;
-  };
-
   const handleMobileMenuClick = () => setMobileMenuOpen(!mobileMenuOpen);
-
   useEffect(() => {
+    const handleScroll = () => {
+      const newCoord = window.pageYOffset;
+      if (!mobileMenuOpen && newCoord > yCoord.current && newCoord > PREVENT_IS_HIDDEN_Y) {
+        setHidden(true);
+      } else {
+        setHidden(false);
+      }
+      yCoord.current = newCoord;
+    };
+
     const func = throttle(handleScroll, 200);
     // Prevents hide when clicking mobileMenuOpen
     handleScroll();
     window.addEventListener("scroll", func);
     return () => window.removeEventListener("scroll", func);
-  }, [isHidden, mobileMenuOpen]);
+  }, [mobileMenuOpen]);
 
   return (
     <Sticky $isHidden={isHidden}>