Makestyles "You have to import it from @mui/styles" error when doing just that

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

I’m getting the error

 MUI: makeStyles is no longer exported from @mui/material/styles.
    You have to import it from @mui/styles.

But i’m already doing that. there is no instance of any material/styles in my code, only @mui/styles.

for example one of the erroring files starts like this:

import { ReactElement } from "react";
import { makeStyles } from "@mui/styles";

const useStyles = makeStyles({

...

Expected behavior 🤔

I don’t receive an error.

Steps to reproduce 🕹

Cannot create repro steps

Context 🔦

No response

Your environment 🌎

`npx @mui/envinfo`

System:
    OS: macOS 12.0.1
  Binaries:
    Node: 14.17.0 - ~/.volta/tools/image/node/14.17.0/bin/node
    Yarn: 1.22.5 - ~/.volta/tools/image/yarn/1.22.5/bin/yarn
    npm: 6.14.13 - ~/.volta/tools/image/node/14.17.0/bin/npm
  Browsers:
    Chrome: 99.0.4844.51
    Edge: Not Found
    Firefox: Not Found
    Safari: 15.1
  npmPackages:
    @emotion/react:  11.8.1 
    @emotion/styled:  11.8.1 
    @mui/base:  5.0.0-alpha.71 
    @mui/icons-material:  5.5.0 
    @mui/material:  5.5.0 
    @mui/private-theming:  5.4.4 
    @mui/styled-engine:  5.4.4 
    @mui/styles:  5.5.0 
    @mui/system:  5.5.0 
    @mui/types:  7.1.2 
    @mui/utils:  5.4.4 
    @types/react: ^17.0.38 => 17.0.38 
    react: ^17.0.2 => 17.0.2 
    react-dom: ^17.0.2 => 17.0.2 
    typescript: ^4.3.5 => 4.5.4 

[austinthetaco]

Got it, thanks!

[DominicGBauer]

@mnajdova don’t you need to use import { createTheme } from '@mui/material/styles';? How would you do this without getting the Error: MUI: makeStyles is no longer exported from @mui/material/styles. error?