React18 cache global style order incorrect.

[iDerekLi]

Current behavior: React18 cache global style order incorrect.

To reproduce:

1. curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/nextjs
2. cd nextjs
3. yarn && yarn dev

Expected behavior: In the correct order.

This is React18.

This is React17.

Environment information:

• react version: 18.1.0
• @emotion/react version: 11.7.1

{
    "@emotion/cache": "^11.7.1",
    "@emotion/react": "^11.7.1",
    "@emotion/server": "^11.4.0",
    "@emotion/styled": "^11.8.1",
    "@mui/icons-material": "^5.6.2",
    "@mui/material": "^5.6.2",
    "react": "^18.1.0",
    "react-dom": "^18.1.0"
}

[Andarist]

It looks like a duplicate of #2725 . I've confirmed that this is fixed with next@12.1.6-canary.14.