diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2022-06-23 10:10:54 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-06-23 10:10:54 -0500 |
| commit | 7373d61cdcaedd64bf5fd60521b157cfa4343558 (patch) | |
| tree | db7ba617722a58e4b1b6437f1fcabd7f894fd8b1 /packages/integrations/react/static-html.js | |
| parent | 19cd962d0b3433ee305d1d277ca4fc3b93593558 (diff) | |
| download | astro-7373d61cdcaedd64bf5fd60521b157cfa4343558.tar.gz astro-7373d61cdcaedd64bf5fd60521b157cfa4343558.tar.zst astro-7373d61cdcaedd64bf5fd60521b157cfa4343558.zip | |
Enable named slots in renderers (#3652)
* feat: pass all slots to renderers
* refactor: pass `slots` as top-level props
* test: add named slot test for frameworks
* fix: nested hydration, slots that are not initially rendered
* test: add nested-recursive e2e test
* fix: render unmatched custom element children
* chore: update lockfile
* fix: unrendered slots for client:only
* fix(lit): ensure lit integration uses new slots API
* chore: add changeset
* chore: add changesets
* fix: lit slots
* feat: convert dash-case or snake_case slots to camelCase for JSX
* feat: remove tmpl special logic
* test: add slot components-in-markdown test
* refactor: prefer Object.entries.map() to for/of loop
Co-authored-by: Nate Moore <nate@astro.build>
Diffstat (limited to 'packages/integrations/react/static-html.js')
| -rw-r--r-- | packages/integrations/react/static-html.js | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/integrations/react/static-html.js b/packages/integrations/react/static-html.js index ecd76ae9b..9589aaed8 100644 --- a/packages/integrations/react/static-html.js +++ b/packages/integrations/react/static-html.js @@ -7,9 +7,10 @@ import { createElement as h } from 'react'; * As a bonus, we can signal to React that this subtree is * entirely static and will never change via `shouldComponentUpdate`. */ -const StaticHtml = ({ value }) => { +const StaticHtml = ({ value, name }) => { if (!value) return null; - return h('astro-fragment', { + return h('astro-slot', { + name, suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: value }, }); |