different order of styles when using codesandbox and my computer

[OYMiss]

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

When I use codesandbox here to build my code, the order of styles is right.

Current Behavior 😯

But when I download it and run yarn install && yarn start , the order is wrong.

Steps to Reproduce 🕹

Link:

1. download this
2. yarn install && yarn start

I have checked the import order. Is any wrong in my code or method to run ?

Context 🔦

Your Environment 🌎

Tech	Version
React	next
SystemOS	MacOS 10.14.2
Browser	Chrome 71.0

[joshwooding]

Hi, you need to follow the install guide when using @material-ui/styles with @material-ui/core. I’m not sure why but Codesandbox doesn’t need this step

[support]

👋 Thanks for using Material-UI!

We use the issue tracker exclusively for bug reports and feature requests, however,
this issue appears to be a support request or question. Please ask on StackOverflow where the
community will do their best to help. There is a "material-ui" tag that you can use to tag your
question.

If you would like to link from here to your question on SO, it will help others find it.
If your issues is confirmed as a bug, you are welcome to reopen the issue using the issue template.

[joshwooding]

@oliviertassinari I think it’s confusing that codesandbox works and is different to what would work normally. Maybe there should be some work to add the install step?

[oliviertassinari]

@joshwooding I think that the problem will be solved once we release v4, we can keep the old import paths, just have the @material-ui/core/styles module uses @material-ui/styles internally: #14247.