diff --git a/packages/react/src/components/createControllerComponent.tsx b/packages/react/src/components/createControllerComponent.tsx
index ae6d1518e7..83c0d08537 100644
--- a/packages/react/src/components/createControllerComponent.tsx
+++ b/packages/react/src/components/createControllerComponent.tsx
@@ -54,13 +54,19 @@ export const createControllerComponent = <OptionsType extends object, OverlayTyp
 
     async present(prevProps?: Props) {
       const { isOpen, onDidDismiss, ...cProps } = this.props;
-      const overlay = this.overlay = await controller.create({
-        ...cProps as any
-      });
+      let overlay = this.overlay;
+      if (!overlay) {
+        overlay = this.overlay = await controller.create({
+          ...cProps as any
+        });
+      }
       attachProps(overlay, {
         [dismissEventName]: onDidDismiss
       }, prevProps);
-      await overlay.present();
+      // Check isOpen again since the value could of changed during the async call to controller.create
+      if (this.props.isOpen === true) {
+        await overlay.present();
+      }
     }
 
     render(): null {