[material-ui][MuiAlert] Error when customizing the icon through createTheme

[headironc]

Steps to reproduce

I found a similar issue, but it doesn't fix this problem 39460.

Link to live example: preview

Steps:

1. Create a provider with ThemeProvider and createTheme(iconMapping)
2. Place this provider in root layout

Current behavior

RangeError: Maximum call stack size exceeded

Expected behavior

No error

Context

Customize the icon through iconMapping

Your environment

npx @mui/envinfo

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

  System:
    OS: Linux 6.1 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
  Binaries:
    Node: 20.12.0 - /usr/local/bin/node
    npm: 10.5.0 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/share/npm-global/bin/pnpm
  Browsers:
    Chrome: Not Found
  npmPackages:
    @emotion/react: ^11.13.3 => 11.13.3 
    @emotion/styled: ^11.13.0 => 11.13.0 
    @mui/material: ^6.1.6 => 6.1.6 
    @mui/material-nextjs: ^6.1.6 => 6.1.6 
    @types/react: ^18.3.12 => 18.3.12 
    react: 19.0.0-rc-02c0e824-20241028 => 19.0.0-rc-02c0e824-20241028 
    react-dom: 19.0.0-rc-02c0e824-20241028 => 19.0.0-rc-02c0e824-20241028 
    typescript: ^5.6.3 => 5.6.3 

Search keywords: alert, iconMapping

[siriwatknp]

duplicate of #44278

[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

@headironc How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.