jss 10.0.0-alpha.8 creates issue with Material-ui/CssBaseline

[antokara]

Expected Behavior 🤔

import CssBaseline from "@material-ui/core/CssBaseline";
and rendering the should
"inject" a style tag MuiCssBaseline in the head, which contains css rules

<style data-jss="" data-meta="MuiCssBaseline"> ...css rules </style>

Current Behavior 😯

The "injected" style tag MuiCssBaseline in the head is empty

<style data-jss="" data-meta="MuiCssBaseline"> </style>

Steps to Reproduce 🕹

Link:
https://codesandbox.io/s/rm3r2vrmxn

1. Just run and inspect DOM or look at the body margin and the red background color
2. You may also inspect the head for <style data-jss="" data-meta="MuiCssBaseline"> and look that it is empty

Context 🔦

downgrading to jss 10.0.0-alpha.7 or removing it, fixes the issue.
apparently, this removes all base css, including resetting body margin to zero.

I know this is an alpha package of the jss but I thought reporting the issue to help with the future stable release. Unfortunately, I do not have the time to find exactly what causes it other than my initial guess that it could be related to cssinjs/jss#934

Your Environment 🌎

"@material-ui/core": "3.9.0",
"jss": "10.0.0-alpha.8",
"prop-types": "latest",
"react": "latest",
"react-dom": "latest",
"react-scripts": "latest"

[joshwooding]

Hi, @material-ui/core doesn't support the new version of jss. If you want to use it you will need to use @material-ui/styles. https://codesandbox.io/s/81zp96qy2j

Nevertheless, thanks for letting us know 😄