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

[MinaroShikuchi]

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

Current Behavior 😯

Failed to compile.

./node_modules/@material-ui/pickers/esm/makePickerWithState-5a79cb8a.js
Attempted import error: 'fade' is not exported from '@material-ui/core/styles'.

Expected Behavior 🤔

It should compile without error

Steps to Reproduce 🕹

Install latest version

    "@material-ui/core": "^5.0.0-beta.2",
    "@material-ui/icons": "^5.0.0-beta.1",
    "@material-ui/lab": "^5.0.0-alpha.41",

Your Environment 🌎

 System:
    OS: Linux 5.4 Ubuntu 20.04.2 LTS (Focal Fossa)
  Binaries:
    Node: 16.4.0 - ~/.nvm/versions/node/v16.4.0/bin/node
    Yarn: 1.22.10 - ~/.nvm/versions/node/v16.4.0/bin/yarn
    npm: 7.18.1 - ~/.nvm/versions/node/v16.4.0/bin/npm
  Browsers:
    Chrome: Not Found
    Firefox: Not Found
  npmPackages:
    @emotion/react: ^11.4.0 => 11.4.0
    @emotion/styled: ^11.3.0 => 11.3.0
    @material-ui/core: ^5.0.0-beta.2 => 5.0.0-beta.2
    @material-ui/icons: ^5.0.0-beta.1 => 5.0.0-beta.1
    @material-ui/lab: ^5.0.0-alpha.41 => 5.0.0-alpha.41
    @material-ui/pickers:  3.3.10
    @material-ui/private-theming:  5.0.0-beta.2
    @material-ui/styled-engine:  5.0.0-beta.1
    @material-ui/system:  5.0.0-beta.2
    @material-ui/types:  6.0.1
    @material-ui/unstyled:  5.0.0-alpha.41
    @material-ui/utils:  5.0.0-beta.1
    @types/react: ^16.9.53 => 16.14.11
    react: ^17.0.1 => 17.0.2
    react-dom: ^17.0.1 => 17.0.2
    typescript: ^4.3.5 => 4.3.5  

[davidcraddock]

I thought the package @material-ui/pickers: 3.3.10 isn't supported any longer and date pickers were part of lab?

mui/material-ui-pickers#2157

[MinaroShikuchi]

I used npx @material-ui/envinfo, I think it's the internals package not my package.json

[davidcraddock]

so @material-ui/pickers is not listed in your package.json?

[MinaroShikuchi]

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@devexpress/dx-react-chart": "^2.7.6",
    "@devexpress/dx-react-chart-material-ui": "^2.7.6",
    "@devexpress/dx-react-core": "^2.7.6",
    "@devexpress/dx-react-grid": "^2.7.6",
    "@devexpress/dx-react-grid-material-ui": "^2.7.6",
    "@devexpress/dx-react-scheduler": "^2.7.6",
    "@devexpress/dx-react-scheduler-material-ui": "^2.7.6",
    "@emotion/react": "^11.4.0",
    "@emotion/styled": "^11.3.0",
    "@hookform/resolvers": "^2.6.1",
    "@material-ui/core": "^5.0.0-beta.2",
    "@material-ui/icons": "^5.0.0-beta.1",
    "@material-ui/lab": "^5.0.0-alpha.41",
    "@material-ui/styles": "^5.0.0-beta.2",
    "@react-pdf/renderer": "^2.0.17",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "@types/jest": "^26.0.15",
    "@types/node": "^12.0.0",
    "@types/react": "^17.0.0",
    "@types/react-dom": "^17.0.0",
    "axios": "^0.21.1",
    "bcryptjs": "^2.4.3",
    "flat": "^5.0.2",
    "lodash": "^4.17.21",
    "material-ui-dropzone": "^3.5.0",
    "material-ui-phone-number": "^2.2.6",
    "mui-rte": "^1.29.0",
    "notistack": "^1.0.10",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-hook-form": "^7.12.1",
    "react-intl": "^5.20.6",
    "react-pdf": "^5.3.2",
    "react-redux": "^7.2.4",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.3",
    "redux": "^4.1.0",
    "redux-logger": "^3.0.6",
    "redux-persist": "^6.0.0",
    "redux-saga": "^1.1.3",
    "typescript": "^4.1.2",
    "web-vitals": "^1.0.1",
    "yup": "^0.32.9"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

[davidcraddock]

hmm I also think notistack isn't v5 compatible yet either
iamhosseindhv/notistack#412

[davidcraddock]

it's probably from a 3rd party library that isn't v5 compatible yet then?

[MinaroShikuchi]

Yes, so I have to wait that every package that depends on material-ui v4 mirgrate to v5 ?

[davidcraddock]

yes although this might be possible, I've not tried
https://stackoverflow.com/questions/26414587/how-to-install-multiple-versions-of-package-using-npm

[eps1lon]

@material-ui/pickers was migrated to @material-ui/lab which is compatible with v5. @material-ui/pickers will not receive any updates.