export 'internal_processStyles' (imported as 'processStyles') was not found in '@mui/styled-engine'

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

The React app won’t start as this error pops up when I run yarn start on my project with the latest version of @mui/material (5.10.0). The error I am seeing is:

Compiled with problems:X

ERROR in ./node_modules/@mui/system/esm/createStyled.js 106:4-17

export 'internal_processStyles' (imported as 'processStyles') was not found in '@mui/styled-engine' (possible exports: GlobalStyles, StyledEngineProvider, ThemeContext, css, default, keyframes)

Expected behavior 🤔

My React app should compile without errors.

Steps to reproduce 🕹

Not completely sure where this error is arising from.

Steps:

1. Upgrade to @mui/material at version 5.10.0
2. I am using also styled-components at version 5.3.5
3. In my tests, it points that the error is coming from here import { createTheme } from '@mui/material/styles';

Context 🔦

I just got an update of @mui/material from dependabot and all my tests are failing. I am just trying to upgrade this dependency.

Your environment 🌎

  System:
    OS: Linux 5.15 Ubuntu 20.04.4 LTS (Focal Fossa)
  Binaries:
    Node: 17.9.0 - ~/.nvm/versions/node/v17.9.0/bin/node
    Yarn: 1.22.18 - ~/.nvm/versions/node/v17.9.0/bin/yarn
    npm: 8.5.5 - ~/.nvm/versions/node/v17.9.0/bin/npm
  Browsers:
    Chrome: 104.0.5112.79
    Firefox: 103.0
  npmPackages:
    @mui/base:  5.0.0-alpha.92 
    @mui/material: ^5.10.0 => 5.10.0 
    @mui/private-theming:  5.9.3 
    @mui/styled-engine-sc:  5.4.2 
    @mui/system: ^5.10.0 => 5.10.0 
    @mui/types:  7.1.5 
    @mui/utils:  5.9.3 
    @mui/x-data-grid:  5.15.1 
    @mui/x-data-grid-pro: ^5.15.1 => 5.15.1 
    @mui/x-license-pro: ^5.15.0 => 5.15.0 
    @types/react: ^17.0.40 => 17.0.40 
    react: ^17.0.2 => 17.0.2 
    react-dom: ^17.0.2 => 17.0.2 
    styled-components: ^5.3.5 => 5.3.5 
    typescript: ^4.7.4 => 4.7.4