astro/packages/integrations/react/client-v17.js
Ben Holmes 678c2b7523
Fix: React - Use "createRoot" instead of "hydrateRoot" for client:only (#3337)
* feat: pass "client" directive to clientEntrypoints

* refactor: remove hydration warning suppression react 17

* feat: remove hydration warning suppression react 18

* chore: changeset

* fix: change metadata to options bag
2022-05-12 10:05:55 -06:00

18 lines
472 B
JavaScript

import { createElement } from 'react';
import { render, hydrate } from 'react-dom';
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 render(componentEl, element);
}
return hydrate(componentEl, element);
};