修复在 createTheme 中自定义 MuiDataGrid 时出现 Typescript 错误

Question

我想在主题中自定义我的 DataGridPro 表（MUI 组件）。但是，当我 MuiDataGrid 到组件对象时，我收到 TS 错误：

Object literal may only specify known properties, and 'MuiDataGrid' does not exist in type 'Components'.ts(2322)

Codesandbox： https://codesandbox.io/s/datagriddemo-material-demo-forked-vedcm

我该如何修复该错误？我花了2个小时四处寻找但没有成功。

Answer 1

我在 MUI github 问题页面上得到了这个问题的答案：https://github.com/mui-org/material-ui-x/issues/1755#issuecomment-945650984

解决方案是像这样导入主题增强：

import type {} from '@mui/x-data-grid-pro/themeAugmentation';

如所述： https: //mui.com/components/data-grid/getting-started/#typescript