From 564caf24c23a40c0fa7dc75ff3374492761d88fb Mon Sep 17 00:00:00 2001 From: Ben Holmes Date: Tue, 12 Apr 2022 17:00:52 -0400 Subject: [PATCH] Fix: React hydration failure (#3094) * fix: react hydration failure * chore: changeset --- .changeset/clean-cherries-bow.md | 5 +++++ packages/astro/src/runtime/server/index.ts | 4 ++-- 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 .changeset/clean-cherries-bow.md diff --git a/.changeset/clean-cherries-bow.md b/.changeset/clean-cherries-bow.md new file mode 100644 index 000000000..a1a53df84 --- /dev/null +++ b/.changeset/clean-cherries-bow.md @@ -0,0 +1,5 @@ +--- +'astro': patch +--- + +Expose "metadata" to component integrations renderToStaticMarkup function diff --git a/packages/astro/src/runtime/server/index.ts b/packages/astro/src/runtime/server/index.ts index 0a1543e72..749591248 100644 --- a/packages/astro/src/runtime/server/index.ts +++ b/packages/astro/src/runtime/server/index.ts @@ -260,7 +260,7 @@ Did you mean to enable ${formatList(probableRendererNames.map((r) => '`' + r + ' // We already know that renderer.ssr.check() has failed // but this will throw a much more descriptive error! renderer = matchingRenderers[0]; - ({ html } = await renderer.ssr.renderToStaticMarkup(Component, props, children)); + ({ html } = await renderer.ssr.renderToStaticMarkup(Component, props, children, metadata)); } else { throw new Error(`Unable to render ${metadata.displayName}! @@ -279,7 +279,7 @@ If you're still stuck, please open an issue on GitHub or join us at https://astr if (metadata.hydrate === 'only') { html = await renderSlot(result, slots?.fallback); } else { - ({ html } = await renderer.ssr.renderToStaticMarkup(Component, props, children)); + ({ html } = await renderer.ssr.renderToStaticMarkup(Component, props, children, metadata)); } }