[fixed] Cancel requested animation frame on unmount.

reactjs · Jun 5, 2021 · 0847049 · 0847049
1 parent fc76b0c
commit 0847049
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/ModalPortal.js b/src/components/ModalPortal.js
@@ -131,6 +131,7 @@ export default class ModalPortal extends Component {
       this.afterClose();
     }
     clearTimeout(this.closeTimer);
+    cancelAnimationFrame(this.openAnimationFrame);
   }
 
   setOverlayRef = overlay => {
@@ -222,7 +223,7 @@ export default class ModalPortal extends Component {
       }
 
       this.setState({ isOpen: true }, () => {
-        requestAnimationFrame(() => {
+        this.openAnimationFrame = requestAnimationFrame(() => {
           this.setState({ afterOpen: true });
 
           if (this.props.isOpen && this.props.onAfterOpen) {