Preact children props breaks rendering

[zappys]

Astro Info

Astro                    v4.4.2
Node                     v18.18.0
System                   Linux (x64)
Package Manager          npm
Output                   server
Adapter                  @astrojs/node
Integrations             @astrojs/preact

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

Rendering breaks when embeding preact component in astro component but only when sending children props to the preact component

Repo replicating the bug: https://github.com/zappys/withastro-astro-zd2fmf/blob/main/src/pages/index.astro
Stackblitz replicating the error: https://stackblitz.com/edit/withastro-astro-zd2fmf?file=src%2Fpages%2Findex.astro

Here is the stack trace:

TypeError: html.replace is not a function
    at removeStaticAstroSlot (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/component.js:54:15)
    at Object.render (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/component.js:249:15)
    at Module.renderChild (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/any.js:29:17)
    at async Object.renderToFinalDestination (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/util.js:115:7)
    at async RenderTemplateResult.render (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/astro/render-template.js:39:9)
    at async Module.renderChild (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/any.js:29:5)
    at async Object.render (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/slot.js:23:7)
    at async Module.renderChild (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/any.js:29:5)
    at async Object.renderToFinalDestination (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/util.js:115:7)
    at async RenderTemplateResult.render (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/astro/render-template.js:39:9)
    at async Module.renderChild (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/any.js:29:5)
    at async AstroComponentInstance.render (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/astro/instance.js:47:7)
    at async Object.render (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/component.js:343:7)
    at async Module.renderChild (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/any.js:29:5)
    at async Object.renderToFinalDestination (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/util.js:115:7)
    at async RenderTemplateResult.render (/Users/ba/Dev/withastro-astro-zd2fmf/node_modules/astro/dist/runtime/server/render/astro/render-template.js:39:9)

What's the expected result?

It should render the component without errors

Link to Minimal Reproducible Example

https://stackblitz.com/edit/withastro-astro-zd2fmf?file=src%2Fpages%2Findex.astro

Participation

• I am willing to submit a pull request for this issue.

[Princesseuh]

The issue seems to be that Preact is somehow returning an array of strings instead of a string for the HTML. I'm not sure why, however I couldn't reproduce this issue when using main's version of Astro and the Preact integration, which makes me think that maybe this has been fixed already? We'll release a patch shortly and see how it goes.