Ask questionsCannot turn off "potentially unsafe when doing server-side rendering" noise
Emotion 10 is emitting a series of console warnings along the lines of:
The pseudo class ":first-child" is potentially unsafe when doing server-side rendering. Try changing it to "first-of-type" The pseudo class ":nth-child" is potentially unsafe when doing server-side rendering. Try changing it to "nth-of-type"
Answer questions nelsonlaquet
This is a pretty serious limitation. I understand it has to do with <style> elements being added inline in the DOM when doing SSR; is it at all possible for emotion to... not do that?
I've been using emotion for a whole of a week and have ran into this issue multiple times, where using :first-of-type isn't a valid substitute. To get around this issue I've had to add superfluous <div> elements, which clutter the DOM unnecessarily, and complicate the use of my components.