@getpara/wagmi-v2-integration 2.0.0-dev.4 → 2.0.0-dev.6

package/dist/index.js

@@ -59,7 +59,14 @@ import { createParaConnector } from "@getpara/wagmi-v2-connector";
 import { ParaProvider, setIsOpen } from "@getpara/react-sdk";
 import { jsx } from "react/jsx-runtime";
 var Portal;
+var Root;
 function renderModal(para, modalProps, onCloseArg) {
+  const existingContainer = document.getElementById("para-modal");
+  const container = existingContainer != null ? existingContainer : document.createElement("div");
+  container.id = "para-modal";
+  if (!existingContainer) {
+    document.body.appendChild(container);
+  }
   const onClose = () => {
     onCloseArg();
     modalProps.onClose && modalProps.onClose();
@@ -80,12 +87,17 @@ function renderModal(para, modalProps, onCloseArg) {
     );
     try {
       const { createPortal } = yield import("react-dom");
+      const { createRoot } = yield import("react-dom/client");
       if (!Portal) {
-        Portal = createPortal(Modal, document.body);
+        Portal = createPortal(Modal, container);
       }
+      if (!Root) {
+        Root = createRoot(document.body);
+      }
+      Root.render(Portal);
     } catch (e) {
       const ReactDOM = yield import("react-dom");
-      ReactDOM.createPortal(Modal, document.body);
+      ReactDOM.render(Modal, container);
     }
   });
   render();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/wagmi-v2-integration",
-  "version": "2.0.0-dev.4",
+  "version": "2.0.0-dev.6",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",