summaryrefslogtreecommitdiff
path: root/packages/integrations/react/client-v17.js
blob: 44310960303c615c8ec411f1d8762ac47906a98f (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { createElement } from 'react';
import { render, hydrate } from 'react-dom';
import StaticHtml from './static-html.js';

export 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
		);
		if (client === 'only') {
			return render(componentEl, element);
		}
		return hydrate(componentEl, element);
	};