'experimental_sx' is not exported from '@mui/system'

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:

Steps:

1. Use experimental_sx in the app 2.npm install & run the app 3.It will show (./node_modules/@mui/material/esm/styles/index.js Attempted import error: ‘experimental_sx’ is not exported from ‘@mui/system’.)

Current behavior 😯

The app is crashing.

Expected behavior 🤔

No response

Context 🔦

It is imported like this : import {adaptV4Theme, createTheme, responsiveFontSizes, experimental_sx as sx, alpha, lighten} from ‘@mui/material/styles’;

This code was untouched for months and was working fine till yesterday.

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[corneliugaina]

Indeed @siriwatknp , updating package json solves the problem.

I had the same issue yesterday, I think that eventually the @mui/material was behind @mui/styles, speaking of version compatibility. Yesterday the 5.11.0 was released with a breaking change https://github.com/mui/material-ui/pull/35150

So @mui/styles ^5.8.6 is using releases from 5.8.6 to < 5.11.0, but @mui/material stays at 5.8.6. The solution is to update both and/or add the caret. Then, a little npm ci and you’re good.

For reminder ^version “Compatible with version”, will update you to all future minor/patch versions, without incrementing the major version. This is explicited in mui versioning strategy documentation.

[siriwatknp]

Thanks @siriwatknp , I have changed the code but the issue still exists as it is showing the import error from the file inside the node_modules. I tried removing and npm install again but still it is the same. This is the error showing :

./node_modules/@mui/material/esm/styles/index.js Attempted import error: ‘experimental_sx’ is not exported from ‘@mui/system’.

I went to this particular file and removed the experimental_xs from that file which is in the @mui folder inside the node_modules package then the app worked fine.

Can you provide which version of @mui/* do you have in your package.json?

Also, can you try with the latest version @mui/material: "^5.11.0"?