@astrojs/react/dist/client-v17.js

Use React components within Astro

import { createElement } from "react";
import { hydrate, render, unmountComponentAtNode } from "react-dom";
import StaticHtml from "./static-html.js";
var client_v17_default = (element) => (Component, props, { default: children, ...slotted }, { client }) => {
  for (const [key, value] of Object.entries(slotted)) {
    props[key] = createElement(StaticHtml, { value, name: key });
  }
  const componentEl = createElement(
    Component,
    props,
    children != null ? createElement(StaticHtml, { value: children }) : children
  );
  const isHydrate = client !== "only";
  const bootstrap = isHydrate ? hydrate : render;
  bootstrap(componentEl, element);
  element.addEventListener("astro:unmount", () => unmountComponentAtNode(element), {
    once: true
  });
};
export {
  client_v17_default as default
};