fix(inpage-navigation): warning Can't perform a React state update on…

… an unmounted component
eea · Apr 12, 2024 · 1192493 · 1192493
1 parent c26e092
commit 1192493
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/ui/InpageNavigation/InpageNavigation.jsx b/src/ui/InpageNavigation/InpageNavigation.jsx
@@ -9,6 +9,10 @@ class InpageNavigation extends Component {
       scrollPosition: 0,
       removeClass: 'hidden',
     };
+    this.debouncedHandleInpageNavigationVisibility = debounce(
+      this.handleInpageNavigationVisibility,
+      250,
+    );
   }
 
   handleInpageNavigationVisibility = () => {
@@ -25,12 +29,16 @@ class InpageNavigation extends Component {
   componentDidMount() {
     window.addEventListener(
       'scroll',
-      debounce(this.handleInpageNavigationVisibility, 250),
+      this.debouncedHandleInpageNavigationVisibility,
     );
   }
 
   componentWillUnmount() {
-    window.removeEventListener('scroll', this.handleInpageNavigationVisibility);
+    window.removeEventListener(
+      'scroll',
+      this.debouncedHandleInpageNavigationVisibility,
+    );
+    this.debouncedHandleInpageNavigationVisibility.cancel();
   }
 
   onInpageNavigationClick = () => {