brew-js-react 0.3.1 → 0.3.2

package/dialog.js

@@ -1,19 +1,18 @@
 import { createElement, useEffect, useState } from "react";
 import ReactDOM from "react-dom";
+import ReactDOMClient from "./include/external/react-dom-client.js";
 import { always, catchAsync, either, extend, makeAsync, noop, pipe } from "./include/zeta-dom/util.js";
 import { containsOrEquals, removeNode } from "./include/zeta-dom/domUtil.js";
 import dom from "./include/zeta-dom/dom.js";
 import { lock, preventLeave } from "./include/zeta-dom/domLock.js";
 import { closeFlyout, openFlyout } from "./include/brew-js/domAction.js";
 
-const createRoot = ReactDOM.createRoot;
-
 /**
  * @param {Partial<import("./dialog").DialogOptions<any>>} props
  */
 export function createDialog(props) {
     var root = document.createElement('div');
-    var reactRoot = createRoot && createRoot(root);
+    var reactRoot = ReactDOMClient.createRoot(root);
     var closeDialog = closeFlyout.bind(0, root);
     var promise;
 
@@ -21,11 +20,7 @@ export function createDialog(props) {
         removeNode(root);
         (props.onClose || noop)(root);
         if (props.onRender) {
-            if (reactRoot) {
-                reactRoot.unmount();
-            } else {
-                ReactDOM.unmountComponentAtNode(root);
-            }
+            reactRoot.unmount();
         }
     });
 
@@ -55,11 +50,7 @@ export function createDialog(props) {
                 if (props.wrapper) {
                     content = createElement(props.wrapper, dialogProps, content);
                 }
-                if (reactRoot) {
-                    reactRoot.render(content);
-                } else {
-                    ReactDOM.render(content, root);
-                }
+                reactRoot.render(content);
             }
             promise = openFlyout(root);
             if (props.preventLeave) {