astro/packages/integrations/react/client.js
2022-05-12 16:06:40 +00:00

16 lines
494 B
JavaScript

import { createElement } from 'react';
import { createRoot, hydrateRoot } from 'react-dom/client';
import StaticHtml from './static-html.js';
export default (element) =>
(Component, props, children, { client }) => {
const componentEl = createElement(
Component,
props,
children != null ? createElement(StaticHtml, { value: children }) : children
);
if (client === 'only') {
return createRoot(element).render(componentEl);
}
return hydrateRoot(element, componentEl);
};