fix: react-modal unmount bug

- ref: reactjs/react-modal#808
dezswap · Jan 11, 2023 · 1564677 · 1564677
1 parent 34f7220
commit 1564677
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx
@@ -139,6 +139,18 @@ function Modal({
     };
   }, [resizeTrigger]);
 
+  useEffect(() => {
+    const removeClassName = () => {
+      if (!document.querySelector(".ReactModal__Content")) {
+        document.body.classList.remove("ReactModal__Body--open");
+      }
+    };
+    return () => {
+      removeClassName();
+      setTimeout(removeClassName, MODAL_CLOSE_TIMEOUT_MS + 100);
+    };
+  }, [isOpen]);
+
   return (
     <ReactModal
       isOpen={resizeTrigger ? false : isOpen}