fix(modal): prevent modal double rendering (#463)

decred · Sep 29, 2022 · 9006f9f · 9006f9f
1 parent 8d54b80
commit 9006f9f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/Modal/Modal.jsx b/src/components/Modal/Modal.jsx
@@ -13,6 +13,8 @@ const modalRoot = document.createElement("div");
 modalRoot.setAttribute("id", "modal-root");
 document.body.appendChild(modalRoot);
 
+const el = document.createElement("div");
+
 // TODO: use svg icons when we have them
 const Modal = ({
   style,
@@ -33,7 +35,6 @@ const Modal = ({
   disableDismiss,
   ...props
 }) => {
-  const el = document.createElement("div");
   useEffect(() => {
     modalRoot.appendChild(el);
     return () => modalRoot.removeChild(el);
@@ -54,6 +55,7 @@ const Modal = ({
       handleCloseModal();
     }
   }, [escPressed, handleCloseModal]);
+
   return createPortal(
     <ModalWrapper
       show={show}