Trouble with Emotion not working in SPA mode with Remix

[apple-yagi]

Hey everyone,

I've been trying to get Emotion working with Remix in SPA mode, but I've hit a roadblock. It seems like Emotion styles aren't being applied properly. I've searched around for solutions but haven't found anything conclusive.

Has anyone else encountered this issue? And if so, were you able to find a workaround or fix for it? I'd appreciate any insights or tips on how to make Emotion cooperate smoothly with Remix in SPA mode.

Thanks in advance for your help!

[vladinator1000]

I'm also interested in this. It's such a pain in the butt currently.
The only useful resource I've seen is this https://github.com/remix-run/examples/tree/main/emotion, but it comes with drawbacks

• Doesn't work with streaming
• Doesn't work with Layout export
• It's using an old version of remix
• Wastefully renders the whole tree twice

Do you have a reproduction project @apple-yagi maybe we could collaborate on this

[suhaotian]

Try NextUI, emotion not good and have performance issue(check the HTML output).

[vladinator1000]

I think I'm just gonna go with the built-in CSS modules, the other frameworks aren't worth the hassle.