@extend-ai/react-docx 0.8.3 → 0.8.4

package/dist/index.cjs

@@ -28458,6 +28458,7 @@ var DocxDetachedThumbnailSurfaceRenderer = class {
   root;
   activePageIndex;
   activeRenderKey;
+  rootGeneration = 0;
   async renderPageSurface(params) {
     if (typeof document === "undefined" || typeof window === "undefined") {
       return void 0;
@@ -28483,16 +28484,24 @@ var DocxDetachedThumbnailSurfaceRenderer = class {
     return this.waitForPageSurface(registry, pageIndex);
   }
   clear() {
-    if (this.root) {
-      this.root.unmount();
-      this.root = void 0;
-    }
-    if (this.host?.parentNode) {
-      this.host.parentNode.removeChild(this.host);
-    }
+    const root = this.root;
+    const host = this.host;
+    this.rootGeneration += 1;
+    this.root = void 0;
     this.host = void 0;
     this.activePageIndex = void 0;
     this.activeRenderKey = void 0;
+    const dispose = () => {
+      root?.unmount();
+      if (host?.parentNode) {
+        host.parentNode.removeChild(host);
+      }
+    };
+    if (root && typeof window !== "undefined") {
+      window.setTimeout(dispose, 0);
+    } else {
+      dispose();
+    }
   }
   async ensureRoot() {
     if (this.root) {
@@ -28501,6 +28510,7 @@ var DocxDetachedThumbnailSurfaceRenderer = class {
     if (typeof document === "undefined") {
       return;
     }
+    const generation = this.rootGeneration;
     const host = document.createElement("div");
     host.setAttribute("data-docx-thumbnail-detached-renderer", "true");
     Object.assign(host.style, {
@@ -28517,6 +28527,12 @@ var DocxDetachedThumbnailSurfaceRenderer = class {
     document.body.appendChild(host);
     this.host = host;
     const { createRoot } = await import("react-dom/client");
+    if (generation !== this.rootGeneration) {
+      if (host.parentNode) {
+        host.parentNode.removeChild(host);
+      }
+      return;
+    }
     this.root = createRoot(host);
   }
   async waitForPageSurface(registry, pageIndex) {