Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

1.4K
Views
Attempted import error: 'alpha' is not exported from '@material-ui/core/styles'

I'm trying to use the material-ui/lab date picker, however I'm getting this error! I have updated my material-ui version using npm install @material-ui/core@latest and it worked fine. However, I lost the ability to use createMuiTheme & MuiThemeProvider.

over 4 years ago · Santiago Trujillo
9 answers
Answer question

0

My material-ui version when first downloaded was an earlier version. Then i ran:

npm i -g npm-check-updates
ncu -u
npm install

to let it upgrade automatically to latest version.

over 4 years ago · Santiago Trujillo Report

0

I had to downgrade npm node@11.15.0 and npm install @material-ui/core@4.12.1 then it fixed all issues. Please check node version with your node.

over 4 years ago · Santiago Trujillo Report

0

You should update your package.json with following:

"@material-ui/lab": "4.0.0-alpha.57",
"@material-ui/pickers": "3.2.10",
over 4 years ago · Santiago Trujillo Report

0

I had the same problem with Skeleton using version @material-ui/lab": "4.0.0-alpha.60 but changing it to version @material-ui/lab": "4.0.0-alpha.57 fixed it for me ... guess they broke it again :)

over 4 years ago · Santiago Trujillo Report

0

Please try updating to latest version of @material-ui/core. That should fix the issue.

over 4 years ago · Santiago Trujillo Report

0

i can't solve this problem with above solutions.
so manually change 'alpha' to 'fade' in material ui files

./node_modules/@material_ui/lab/esm/

for example :

import { fade, withStyles, useTheme } from '@material-ui/core/styles';

instead

import { alpha, withStyles, useTheme } from '@material-ui/core/styles';

it's works for me
but it's not correct solutions.

over 4 years ago · Santiago Trujillo Report

0

update npm @material-ui/core package npm update resolved my issue

over 4 years ago · Santiago Trujillo Report

0

Maybe it'll be helpful for someone. For me fix of that issue was to change the indirect import to direct one:

so this triggered the error:

import { Alert } from '@material-ui/lab';

this works fine:

import Alert from '@material-ui/lab/Alert';
over 4 years ago · Santiago Trujillo Report

0

I was using MUI v4 and was trying to use the Appbar from MUI, updating my MUI by running the command npm install @material-ui/core@latest and restarting the server by using npm start worked for Me, Hope this helps!!

over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!