solidjs
[Bug?]: The same stylesheet appear above html element when use props.children to render
Duplicates
- [X] I have searched the existing issues
Latest version
- [X] I have tested the latest version
Current behavior 😯
In SolidStart SSR, when using <Wrap>{props.children}</Wrap>, styles repeatedly appear in the body, with SCSS being included multiple times as
This issue occurs in the SolidStart "basic" template.
Expected behavior 🤔
No response
Steps to reproduce 🕹
Steps:
Context 🔦
No response
Your environment 🌎
No response
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.
it’s related to Vite HMR! I tried removing all stylesheets outside of the “head” and that caused vite css hmr to stop working
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.
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.