Исправлена ошибка машинописного текста при настройке MuiDataGrid в createTheme

#typescript #material-ui

Вопрос:

Я хочу настроить свою таблицу 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 часа на поиски повсюду, но безуспешно.

Ответ №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