@plasmicapp/loader-react 2.0.0-alpha.0 → 2.0.0-alpha.1

package/dist/index.js

@@ -99,6 +99,7 @@ __export(src_exports, {
   initPlasmicLoader: () => initPlasmicLoader,
   matchesPagePath: () => matchesPagePath,
   plasmicPrepass: () => plasmicPrepass,
+  renderToElement: () => renderToElement,
   renderToString: () => renderToString,
   repeatedElement: () => import_host3.repeatedElement,
   useDataEnv: () => import_host3.useDataEnv,
@@ -1223,7 +1224,6 @@ var InternalPlasmicComponentLoader = class extends BaseInternalPlasmicComponentL
         "@plasmicapp/query": PlasmicQuery,
         "@plasmicapp/data-sources-context": PlasmicDataSourcesContext,
         "@plasmicapp/host": PlasmicHost,
-        "@plasmicapp/host/registerFunction": internalSetRegisteredFunction,
         "@plasmicapp/loader-runtime-registry": {
           components: SUBSTITUTED_COMPONENTS,
           globalVariantHooks: SUBSTITUTED_GLOBAL_VARIANT_HOOKS,
@@ -1449,11 +1449,11 @@ function plasmicPrepass(element) {
 // src/render.tsx
 var import_prepass2 = require("@plasmicapp/prepass");
 var import_react2 = __toESM(require("react"));
-var import_react_dom2 = __toESM(require("react-dom"));
-var import_server = require("react-dom/server");
+var import_client = __toESM(require("react-dom/client"));
+var import_server = __toESM(require("react-dom/server"));
 function renderToString(loader, lookup, opts = {}) {
   const element = makeElement(loader, lookup, opts);
-  return (0, import_server.renderToString)(element);
+  return import_server.default.renderToString(element);
 }
 function extractPlasmicQueryDataFromElement(_0, _1) {
   return __async(this, arguments, function* (loader, lookup, opts = {}) {
@@ -1461,13 +1461,15 @@ function extractPlasmicQueryDataFromElement(_0, _1) {
     return (0, import_prepass2.extractPlasmicQueryData)(element);
   });
 }
-function hydrateFromElement(_0, _1, _2) {
-  return __async(this, arguments, function* (loader, target, lookup, opts = {}) {
-    return new Promise((resolve) => {
-      const element = makeElement(loader, lookup, opts);
-      import_react_dom2.default.hydrate(element, target, () => resolve());
-    });
-  });
+function renderToElement(loader, target, lookup, opts = {}) {
+  const element = makeElement(loader, lookup, opts);
+  const root = import_client.default.createRoot(target);
+  root.render(element);
+  return root;
+}
+function hydrateFromElement(loader, target, lookup, opts = {}) {
+  const element = makeElement(loader, lookup, opts);
+  return import_client.default.hydrateRoot(target, element);
 }
 function makeElement(loader, lookup, opts = {}) {
   return /* @__PURE__ */ import_react2.default.createElement(