Fix Typescript error when customizing MuiDataGrid in createTheme

Question

I want to customize my DataGridPro table (MUI component) in the theme. However, when I MuiDataGrid to components object, I get a TS error:

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

How do I fix the error? I spent 2 hours looking everywhere without success.

user_8230784 · Answer

The solution is to import theme augmentation like so:

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