Styled-jsx: Flash of unstyled content with recent v3.2.2 upgrade.
Do you want to request a feature or report a bug?
A bug 馃悰 .
What is the current behavior?
After upgrading styled-jsx from 3.2.1 to 3.2.2 we noticed our entire web app flashes unstyled content in production (hosted with zeit). However, this is not reproducible within a development environment (now dev).
Environment (include versions)
- OS: OSX 10.14.6
- Browser: Firefox 68.0.2
- styled-jsx (version): 3.2.2
Did this work in previous versions?
Yes
maxchehab
All 3 comments
@maxchehab can you provide a test case? Maybe a minimal Next.js app that I can clone and try out
giuseppeg
on 7 Sep 2019
@giuseppeg Sorry for the lag.
We resolved this by removing styled-jsx as a dependency for our project.
It seems since we are using NextJS (which depends on styled-jsx), including styled-jsx was causing conflicts with our css (maybe with generated class names?).
Again, sorry for not responding quicker.
maxchehab
on 18 Sep 2019
Specifically, we had [email protected] in our package.json and next/[email protected]. Having both versions was causing unstyled content to flash.
(@maxchehab and I are on the same team)
marktran
on 18 Sep 2019
Related issues
davibe
路
5Comments
pungggi
路
4Comments
loick
路
4Comments
giuseppeg
路
3Comments
stevensacks
路
4Comments
Most helpful comment
Specifically, we had
[email protected]in ourpackage.jsonandnext/[email protected]. Having both versions was causing unstyled content to flash.(@maxchehab and I are on the same team)