Update src/components/hooks/useScrollVisibility.ts

Co-authored-by: codiumai-pr-agent[bot] <138128286+codiumai-pr-agent[bot]@users.noreply.github.com>
tomek-i · Aug 29, 2024 · 439558d · 439558d
1 parent 36a5bda
commit 439558d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/hooks/useScrollVisibility.ts b/src/components/hooks/useScrollVisibility.ts
@@ -14,9 +14,10 @@ export const useScrollVisibility = (threshold: number) => {
       setIsVisible(scrolledPercentage > threshold);
     };
 
-    window.addEventListener('scroll', handleScroll);
+    const debouncedHandleScroll = debounce(handleScroll, 100);
+    window.addEventListener('scroll', debouncedHandleScroll);
     return () => {
-      window.removeEventListener('scroll', handleScroll);
+      window.removeEventListener('scroll', debouncedHandleScroll);
     };
   }, [threshold]);