Attempted import error: 'fade' is not exported from '@material-ui/core/styles'.6

Full error:

Failed to compile ./node_modules/@material-ui/lab/esm/PaginationItem/PaginationItem.js Attempted import error: ‘fade’ is not exported from ‘@material-ui/core/styles’.

• The issue is present in the latest release.
• [ x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

I get this error when loading a default create-react-app app with @material-ui/core@next

Expected Behavior 🤔

Should just work I think!

Steps to Reproduce 🕹

Steps:

1. create-react-app test
2. npm install @material-ui/core@next
3. npm start

Your Environment 🌎

System: OS: Linux 5.11 Manjaro Linux Binaries: Node: 16.1.0 - /usr/bin/node Yarn: 1.22.10 - /usr/bin/yarn npm: 7.16.0 - /usr/bin/npm Browsers: Chrome: Not Found Firefox: Not Found npmPackages: @material-ui/core: ^5.0.0-alpha.36 => 5.0.0-alpha.36 @material-ui/private-theming: 5.0.0-alpha.35 @material-ui/styled-engine: 5.0.0-alpha.34 @material-ui/system: 5.0.0-alpha.36 @material-ui/types: 6.0.1 @material-ui/unstyled: 5.0.0-alpha.35 @material-ui/utils: 5.0.0-alpha.35 @types/react: 17.0.11 react: 17.0.2 react-dom: 17.0.2

</details>

[siriwatknp]

@AlvesJorge thanks for reporting the issue, from what I look fade is changed to alpha in v5.0.0-alpha.12

If you can provide the repo, that would be great. I can take a look on it.

[SnappyWebDesign]

You should import it like this import { fade } from "@material-ui/core/styles/colorManipulator"