typescript - 修复在 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)

代码框: 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