From c27e5c04ffdb74a397afcf3d86aa3b25d895deb7 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Thu, 17 Oct 2024 11:13:00 +0500
Subject: [PATCH] editor: fix `queueMicrotask` causing hang

---
 .../editor/src/extensions/react/react-portal-provider.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/editor/src/extensions/react/react-portal-provider.tsx b/packages/editor/src/extensions/react/react-portal-provider.tsx
index 94a30a936..2d78fea22 100644
--- a/packages/editor/src/extensions/react/react-portal-provider.tsx
+++ b/packages/editor/src/extensions/react/react-portal-provider.tsx
@@ -44,11 +44,9 @@ export class PortalProviderAPI extends EventDispatcher<Portals> {
   }
 
   render(Component: FunctionComponent, container: HTMLElement) {
-    queueMicrotask(() => {
-      const root = this.roots.get(container) || createRoot(container);
-      flushSync(() => root.render(<Component />));
-      this.roots.set(container, root);
-    });
+    const root = this.roots.get(container) || createRoot(container);
+    flushSync(() => root.render(<Component />));
+    this.roots.set(container, root);
   }
 
   remove(container: HTMLElement) {