diff options
| author |  HiDeoo <494699+HiDeoo@users.noreply.github.com>
| 2023-01-25 23:31:57 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-01-25 16:31:57 -0600 |
| commit | 9d4bfc76e8de7cf85997100145532a6fa7d2b025 (patch) | |
| tree | 03cf2a6a99106987f395b2517cf431c1d0eefc1e /packages/integrations/react | |
| parent | dabce6b8c684f851c3535f8acead06cbef6dce2a (diff) | |
| download | astro-9d4bfc76e8de7cf85997100145532a6fa7d2b025.tar.gz astro-9d4bfc76e8de7cf85997100145532a6fa7d2b025.tar.zst astro-9d4bfc76e8de7cf85997100145532a6fa7d2b025.zip | |
Support passing `children` as props to a React component (#5886)
Diffstat (limited to 'packages/integrations/react')
| -rw-r--r-- | packages/integrations/react/server-v17.js | 5 | ||||
| -rw-r--r-- | packages/integrations/react/server.js | 5 |
2 files changed, 7 insertions, 3 deletions
diff --git a/packages/integrations/react/server-v17.js b/packages/integrations/react/server-v17.js index 8613ef01a..ab5b06350 100644 --- a/packages/integrations/react/server-v17.js +++ b/packages/integrations/react/server-v17.js @@ -62,8 +62,11 @@ function renderToStaticMarkup(Component, props, { default: children, ...slotted const newProps = { ...props, ...slots, - children: children != null ? React.createElement(StaticHtml, { value: children }) : undefined, }; + const newChildren = children ?? props.children; + if (newChildren != null) { + newProps.children = React.createElement(StaticHtml, { value: newChildren }); + } const vnode = React.createElement(Component, newProps); let html; if (metadata && metadata.hydrate) { diff --git a/packages/integrations/react/server.js b/packages/integrations/react/server.js index 1ebd044cf..01a135a9b 100644 --- a/packages/integrations/react/server.js +++ b/packages/integrations/react/server.js @@ -69,8 +69,9 @@ async function renderToStaticMarkup(Component, props, { default: children, ...sl ...props, ...slots, }; - if (children != null) { - newProps.children = React.createElement(StaticHtml, { value: children }); + const newChildren = children ?? props.children; + if (newChildren != null) { + newProps.children = React.createElement(StaticHtml, { value: newChildren }); } const vnode = React.createElement(Component, newProps); let html; |