Material UI v5 Icon无法读取当前上下文自定义主题palette颜色如何解决

• 图标包版本不匹配：如果从@material-ui/icons（v4及更早版本包）导入InboxIcon，该版本组件无法关联MUI v5的ThemeProvider上下文，只会读取默认主题色
• ListItemIcon默认样式覆盖：ListItemIcon组件自带的内置样式优先级高于内部SvgIcon的color属性，会覆盖图标设置的颜色值
• 极少情况为主题配置中未正确注册SvgIcon组件的样式适配，若其他组件主题色生效可直接排除该问题

1. 先校验图标导入路径，确保使用v5对应图标包：

// 正确导入方式
import InboxIcon from '@mui/icons-material/Inbox';
// 错误导入方式（v4旧包，需替换）
// import InboxIcon from '@material-ui/icons/Inbox';

2. 优先给ListItemIcon设置color属性，内部图标无需额外设置color，继承父元素颜色即可：

<ListItemIcon color="primary">
  <InboxIcon />
</ListItemIcon>

3. 如果上述方案不生效，直接用sx属性强制绑定主题色，优先级足够覆盖默认样式：

<ListItemIcon>
  <InboxIcon sx={{ color: 'primary.main' }} />
</ListItemIcon>

内容的提问来源于stack exchange，提问作者Adolfo Onrubia