[beta] fix: cleanup resize listener (#4847)

reactjs · Oct 4, 2022 · 3a9b0c8 · 3a9b0c8
1 parent 45e3c1b
commit 3a9b0c8
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/beta/src/components/MDX/Challenges/Navigation.tsx b/beta/src/components/MDX/Challenges/Navigation.tsx
@@ -71,9 +71,10 @@ export function Navigation({
 
   useEffect(() => {
     handleResize();
-    window.addEventListener('resize', debounce(handleResize, 200));
+    const debouncedHandleResize = debounce(handleResize, 200);
+    window.addEventListener('resize', debouncedHandleResize);
     return () => {
-      window.removeEventListener('resize', handleResize);
+      window.removeEventListener('resize', debouncedHandleResize);
     };
   }, [handleResize]);