diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2022-03-31 09:51:29 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-03-31 12:51:29 -0400 |
| commit | 57f48b27019bbad5c8d61808291dc8bc6cdedb52 (patch) | |
| tree | 99c57190e625bdca4c03d86d14795a3a47fd98c3 /packages/integrations/react/client-v17.js | |
| parent | 25c1abff10a9b46468b750ab967e9b8be44ac38a (diff) | |
| download | astro-57f48b27019bbad5c8d61808291dc8bc6cdedb52.tar.gz astro-57f48b27019bbad5c8d61808291dc8bc6cdedb52.tar.zst astro-57f48b27019bbad5c8d61808291dc8bc6cdedb52.zip | |
Add support for React 18 in @astrojs/react (#2947)
* First pass at supporting React 18 in @astrojs/react
* Try marking React 18’s `react-dom/client` as external
* Try a different approach to importing different React versions
* Allow resolving JSON modules
* Revert "Allow resolving JSON modules"
This reverts commit 5279b7249c52b20fd74fe48f9f1047c9b3a117dc.
* Try the separate client entrypoint approach from #2946
* Clean up diff
* Trying to see something
* Just keep swimming… 🐠
* update to support react 18
* add changeset
* add docs
Co-authored-by: delucis <swithinbank@gmail.com>
Diffstat (limited to 'packages/integrations/react/client-v17.js')
| -rw-r--r-- | packages/integrations/react/client-v17.js | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/packages/integrations/react/client-v17.js b/packages/integrations/react/client-v17.js new file mode 100644 index 000000000..a6bc7d3bc --- /dev/null +++ b/packages/integrations/react/client-v17.js @@ -0,0 +1,13 @@ +import { createElement } from 'react'; +import { hydrate } from 'react-dom'; +import StaticHtml from './static-html.js'; + +export default (element) => (Component, props, children) => + hydrate( + createElement( + Component, + { ...props, suppressHydrationWarning: true }, + children != null ? createElement(StaticHtml, { value: children, suppressHydrationWarning: true }) : children + ), + element + ); |