From aff9612d1197dca48eab6eff9d749032c380cf82 Mon Sep 17 00:00:00 2001
From: Ely Lucas <ely@meta-tek.net>
Date: Fri, 17 Jan 2020 15:42:58 -0700
Subject: [PATCH] fix(react): Don't render overlay children if isOpen is false,
 fixes #20225 (#20226)

---
 packages/react/src/components/createOverlayComponent.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/createOverlayComponent.tsx b/packages/react/src/components/createOverlayComponent.tsx
index 63bd121dc15..d1d9ee5c175 100644
--- a/packages/react/src/components/createOverlayComponent.tsx
+++ b/packages/react/src/components/createOverlayComponent.tsx
@@ -40,7 +40,7 @@ export const createOverlayComponent = <OverlayComponent extends object, OverlayT
     }
 
     componentDidMount() {
-      if (this.props.isOpen as boolean) {
+      if (this.props.isOpen) {
         this.present();
       }
     }
@@ -92,7 +92,7 @@ export const createOverlayComponent = <OverlayComponent extends object, OverlayT
 
     render() {
       return ReactDOM.createPortal(
-        this.props.children,
+        this.props.isOpen ? this.props.children : null,
         this.el
       );
     }