Problems with module and vite ssr

[tyumen-777]

Steps to reproduce

Steps:

1. Create app vite + ssr
2. Add mui v 6.1.8 to you project

Current behavior

There is an error when we use React project + vite ssr. When we build app, we get error

To escape this problem we shoud add @mui/styled-engine to ssr vite config like this
ssr: { noExternal: [ '@mui/material', '@mui/utils', '@mui/styled-engine', '@mui/icons-material', '@mui/system', 'react-countdown-circle-timer', ], },

Expected behavior

No response

Context

No response

Your environment

npx @mui/envinfo

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

Search keywords: vite, ssr

[DiegoAndai]

Hey @tyumen-777, thanks for the report. This is very likely the same as #43980 (comment), which will be fixed by #43264.

May I ask you to try these resolutions to confirm this?

In your package.json add:

"resolutions": {
    "@mui/icons-material": "https://pkg.csb.dev/mui/material-ui/commit/56c2982a/@mui/icons-material",
    "@mui/material": "https://pkg.csb.dev/mui/material-ui/commit/56c2982a/@mui/material",
    "@mui/styled-engine": "https://pkg.csb.dev/mui/material-ui/commit/56c2982a/@mui/styled-engine",
    "@mui/system": "https://pkg.csb.dev/mui/material-ui/commit/56c2982a/@mui/system",
    "@mui/utils": "https://pkg.csb.dev/mui/material-ui/commit/56c2982a/@mui/utils",
  },

Let us know if this fixes the issue.