Only renders modal when visible

heydoctor · Jan 8, 2020 · 28d3eb4 · 28d3eb4
1 parent 1eecf79
commit 28d3eb4
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/Modal/Modal.js b/src/Modal/Modal.js
@@ -103,7 +103,7 @@ export function Modal({ children, title, animationDuration, showClose, onClose,
   return (
     <ModalContext.Provider value={{ handleClose }}>
       <Portal>
-        <Transition in={isOpen} timeout={animationDuration} onEntering={scrollToTop}>
+        <Transition in={isOpen} timeout={animationDuration} onEntering={scrollToTop} mountOnEnter unmountOnExit appear>
           {state => (
             <FocusOn onEscapeKey={handleClose} enabled={isOpen}>
               <Backdrop ref={modalRef} transitionState={state} onClick={handleBackdropClick}>