FOUC - JS chunks rendered before CSS has loaded, on development, references blobs instead of inline style

Created by: raRaRa

Is this a bug report?

Yes (I think so!), only on development, not production.

Did you try recovering your dependencies?

Yes. Running yarn version 1.13.0

Which terms did you search for in User Guide?

Stylesheets, sass, css, code splitting and modules

Environment

Environment: OS: Windows 10 Node: 8.11.1 Yarn: 1.13.0 npm: 6.4.1 Watchman: Not Found Xcode: N/A Android Studio: Not Found

Packages: (wanted => installed) react: ^16.8.1 => 16.8.1 react-dom: ^16.8.1 => 16.8.1 react-scripts: ^2.1.4 => 2.1.4

Steps to Reproduce

I tried to re-produce this on CodeSandbox without any luck. I never managed to get those blob CSS references in the head tag.

Expected Behavior

I expected the CSS blob to load completely before the chunk starts rendering.

Actual Behavior

I see the component rendered without any stylesheets for a second or two. It seems to be related to stylesheets being loaded over blobs instead of style. I suspect it might be style-loader.

Reproducible Demo

I tried without any luck. All references to CSS are done by adding style to the head tag on my CodeSandbox demo.