[Bug?]: The same stylesheet appear above html element when use props.children to render

[will-chc]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

In SolidStart SSR, when using {props.children}, styles repeatedly appear in the body, with SCSS being included multiple times as <style> or tags.

This issue occurs in the SolidStart "basic" template.

Expected behavior 🤔

No response

Steps to reproduce 🕹

Steps:

Context 🔦

No response

Your environment 🌎

No response

[will-chc]

This issue causes the CSS style debugging in devtools to be ineffective. The duplicate styles must be deleted in order for the changes to take effect.

[will-chc]

it’s related to Vite HMR! I tried removing all stylesheets outside of the “head” and that caused vite css hmr to stop working

[brenelz]

Can you share an example of how your using props.children? I am guessing it bundles properly for prod but not for dev? I would guess this is a vinxi thing.

[will-chc]

Can you share an example of how your using props.children? I am guessing it bundles properly for prod but not for dev? I would guess this is a vinxi thing.

you can reproduce with the ”base“ template （solidstart）
There are two imports of counter.css, which is unintended.