From 28d3eb495a99ecb9d3362ae783c7093ff30a5b93 Mon Sep 17 00:00:00 2001
From: Mathew Morris <hello@mathewmorris.com>
Date: Wed, 8 Jan 2020 10:23:41 -0600
Subject: [PATCH] Only renders modal when visible

---
 src/Modal/Modal.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Modal/Modal.js b/src/Modal/Modal.js
index 178decd..71a6a21 100644
--- 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}>