From 2f5d8237488df0feef17b724d96dd14b7274fbf4 Mon Sep 17 00:00:00 2001
From: Ely Lucas <ely@meta-tek.net>
Date: Tue, 5 Nov 2019 16:49:10 -0700
Subject: [PATCH] fix(react): create a new overlay each time component is
 presented, fixes #19841, #19823 (#19842)

---
 .../src/components/createControllerComponent.tsx    | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

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