close

[Solved] Attempted import error: ‘makeStyles’ is not exported from ‘@material-ui/core/styles’

Hello Guys, How are you all? Hope You all Are Fine. Today I get the following error Attempted import error: ‘makeStyles’ is not exported from ‘@material-ui/core/styles’ in Javascript. So Here I am Explain to you all the possible solutions here.

Without wasting your time, Let’s start This Article to Solve This Error.

How To Solve Attempted import error: ‘makeStyles’ is not exported from ‘@material-ui/core/styles’ Error ?

  1. How To Solve Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles' Error?

    To Solve Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles' I recently encountered this problem. This problem occurs when using the latest versions of Material UI. To solve you have to import makeStyles otherwise: Old version : import { makeStyles } from '@material-ui/core' New version : import { makeStyles } from '@material-ui/styles';

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

    To Solve Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles' I recently encountered this problem. This problem occurs when using the latest versions of Material UI. To solve you have to import makeStyles otherwise: Old version : import { makeStyles } from '@material-ui/core' New version : import { makeStyles } from '@material-ui/styles';

Solution 1

I recently encountered this problem. This problem occurs when using the latest versions of Material UI. To solve you have to import makeStyles otherwise:

Old version : import { makeStyles } from ‘@material-ui/core’

New version : import { makeStyles } from ‘@material-ui/styles’;

Summery

It’s all About this issue. Hope all solution helped you a lot. Comment below Your thoughts and your queries. Also, Comment below which solution worked for you? Thank You.

Also Read

Leave a Comment