Type error due to missing dependency

[Methuselah96]

Steps to reproduce

Steps:

1. Start a TypeScript project with @mui/material using a strict package manager (e.g., pnpm or Yarn PnP) and with skipLibCheck set to false

Current behavior

Type error:

./node_modules/@mui/material/utils/memoTheme.d.ts:1:34 - error TS2307: Cannot find module '@mui/styled-engine' or its corresponding type declarations.

1 import { CSSInterpolation } from '@mui/styled-engine';
                                   ~~~~~~~~~~~~~~~~~~~~

This is caused by the fact that @mui/material references @mui/styled-engine, but does not have a dependency on it.

Expected behavior

No type error

Context

Thanks for the easy migration to MUI v6, it has gone much smoother than previous upgrades! ❤️ I'm excited to try out the experimental CSS extraction, the performance of the current styling is a big pain point for us.

Your environment

npx @mui/envinfo

"@mui/material": "^6.0.1"

Search keywords: type error missing dependency

[mnajdova]

We should've imported that from the @mui/system. I am creating a PR.

[mnajdova]

Thanks for the easy migration to MUI v6, it has gone much smoother than previous upgrades! ❤️ I'm excited to try out the experimental CSS extraction, the performance of the current styling is a big point for us.

So glad to hear this! :)

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

We value your feedback @Methuselah96! How was your experience with our support team?
If you could spare a moment, we'd love to hear your thoughts in this brief Support Satisfaction survey. Your insights help us improve!