GlobalStyles create multiple <style data-emotion="css-global">...<style>

[xingqiwu55555]

<GlobalStyles styles={globalStyle} />

As you can see:
Action: I used GlobalStyles component.
Except: only create one <style> tag.
Actual: it created multiple <style> tags.

It's not reasonable, any props to config it? or whether can optimize it directly.

[garronej]

Hello @xingqiwu55555,

In what context are you using TSS?
With Next App Dir? Next App Router? Vite?
What method are you using for setting up SSR?

https://docs.tss-react.dev/ssr/next.js ?
https://www.npmjs.com/package/@mui/material-nextjs ?

If you could come up with a repro that would be great.

At least on Vite I was unable to reproduce.

Screen.Recording.2024-03-20.at.14.26.22.mov

Beside, the GlobalStyles util from tss is almost a direct reexport of the global style from @emotion/react.