'Material-UI Can't resolve '@material-ui/core/styles/createMuiTheme

I know people have posted similar question on StackOverflow, but nothing worked for me, the errors are not the same nor are the fixes, so I am creating a new post.

The firm that is testing me sent me their Github repository and I need to check out that code, it is a Telegram Web app and they are using Material-UI for their design, I cloned the repo installed node_modules and then I got the error from Material-UI ,I followed instructions from other StackOverflow posts but nothing worked for me, uninstalled @material-ui/core and @material-ui/icons, installed them again and still got the same error.

I have tried both NPM and Yarn for installation and nothing. Hope you can help, it is important.

./src/Theme.js
Module not found: Can't resolve '@material-ui/core/styles/createMuiTheme' in '/Users/Faruk/Desktop/int/telegram-react/src'
javascripthtmlcssreactjsmaterial-ui


Solution 1:[1]

As @Ryan mentioned, createMuiTheme has been renamed to createTheme in the latest v4 and in v5. See the migration guide here for reference.

V5

import { createTheme } from '@mui/material/styles';

V4

import { createTheme } from '@material-ui/core/styles';

Solution 2:[2]

If you are using material UI V5 or higher, this works;

import { createTheme } from '@mui/material/styles';

Solution 3:[3]

Don't know about createMuiTheme. but you can use this for importing Styles in Mui. This solved mine on importing styles only,

import styled from '@material-ui/core';

Also it works for Material-ui Box, Paper, Link, Grid all of them. Use like this,

import { Grid, Link, makeStyles, Paper,Box, styled} from '@material-ui/core';

But I'm not sure with your theme .

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 NearHuscarl
Solution 2 SegunDev
Solution 3 Dharman

Related Questions