From b2b7a155170475c081dfa9f723b75fd7606634c5 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Wed, 20 Jul 2022 12:12:18 +1000
Subject: [PATCH] Add a `Math.random()` to ensure the callback is called
 exactly once

---
 code/renderers/react/src/render.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/code/renderers/react/src/render.tsx b/code/renderers/react/src/render.tsx
index bf81b32b0dbd..df56d64da981 100644
--- a/code/renderers/react/src/render.tsx
+++ b/code/renderers/react/src/render.tsx
@@ -55,7 +55,11 @@ const renderElement = async (node: ReactElement, el: Element) => {
 
   return new Promise((resolve) => {
     if (root) {
-      root.render(<WithCallback callback={() => resolve(null)}>{node}</WithCallback>);
+      root.render(
+        <WithCallback key={Math.random()} callback={() => resolve(null)}>
+          {node}
+        </WithCallback>
+      );
     } else {
       ReactDOM.render(node, el, () => resolve(null));
     }