Fix: ensuring we always render the latest app state

im-open · Jan 27, 2023 · 235980f · 235980f
1 parent 9591369
commit 235980f
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/ReactHTMLElement.ts b/src/ReactHTMLElement.ts
@@ -23,6 +23,8 @@ class ReactHTMLElement extends HTMLElement {
 
   private _awaitingRoot = false;
 
+  private _app: Renderable | undefined;
+
   private getShadowRoot(): ShadowRoot {
     return this.shadowRoot || this.attachShadow({ mode: 'open' });
   }
@@ -72,8 +74,9 @@ class ReactHTMLElement extends HTMLElement {
   }
 
   async renderRoot(app: Renderable): Promise<void> {
+    this._app = app; // this value may change while we wait for root...
     const root = await this.root();
-    root.render(app);
+    root.render(this._app); // always render current app
   }
 
   disconnectedCallback(): void {