fix: useEffect depencies

koodiklinikka · May 31, 2024 · d646681 · d646681
1 parent 93eba92
commit d646681
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/components/TopFade.tsx b/components/TopFade.tsx
@@ -11,17 +11,17 @@ const calculatedBrightnessValue = () => {
 export default function TopFade() {
   const [brightness, setBrightness] = useState(calculatedBrightnessValue());
 
-  const handleScroll = (event: Event) => {
-    if (window.scrollY > 200 && brightness === 0.5) return;
-    setBrightness(calculatedBrightnessValue());
-  };
-
   useEffect(() => {
+    const handleScroll = (event: Event) => {
+      if (window.scrollY > 200 && brightness === 0.5) return;
+      setBrightness(calculatedBrightnessValue());
+    };
+
     document.addEventListener('scroll', handleScroll, true);
     return () => {
       document.removeEventListener('scroll', handleScroll, true);
     };
-  }, []);
+  }, [brightness]);
 
   return (
     <div