building my website using (nextjs/gatsby) create invalid html5 markup

[amineProjects]

hi,
I am new to theme-ui so when I used it in my project it work but when I build the website it create style tag inside body and div and p tags which are invalid html5 that some borowser can't hadle so my quetion is:
Is it posible for theme-ui to create all the styles in the head?
thank you for your reading

[hasparus]

AFAIK this might be configurable with Emotion cache provider, but the nature of SSR affects it.

I'd advise to start slowly migrating your Theme UI projects to some utility CSS solution like Tailwind if SSR and Server Components are important for you.

[lachlanjc]

Afaik while the HTML spec discourages the disparate style tags, I'm not aware that any major browsers have issues rendering them. If so, I'd love to know which ones!