[DataGrid] styleOverrides does not support Theme typings

[iigrik]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Usage of theme object in callback of styleOverrides causing ts error: Object is of type 'unknown'. Issue exist in DataGrid and DataGridPro components.

const theme = createTheme({
  components: {
    MuiDataGrid: {
      styleOverrides: {
        root: ({ theme }) => ({
          backgroundColor: theme.palette.primary.main
        })
      }
    }
  }
});

Expected behavior 🤔

There are no ts errors presented. theme object has correct typing.

Steps to reproduce 🕹

Link to live example: https://codesandbox.io/s/datagridpro-styleoverrides-issue-0k8c4r

Context 🔦

No response

Your environment 🌎

No response

Order ID 💳 (optional)

No response

[minyan-gu]

noticed same issue, would be nice to have a patch release soon.

[oliviertassinari]

It makes sense, how the theme should be extended has changed after mui/material-ui#30524 e.g. https://mui.com/material-ui/about-the-lab/#typescript

export interface LabComponents {
  MuiLoadingButton?: {
    defaultProps?: ComponentsProps['MuiLoadingButton'];
    styleOverrides?: ComponentsOverrides<Theme>['MuiLoadingButton'];
    variants?: ComponentsVariants['MuiLoadingButton'];
  };

https://github.com/mui/material-ui/blob/f981c6c2dfd4babfd881fc69912fd8c513d33f2c/packages/mui-lab/src/themeAugmentation/components.d.ts#L16

[iigrik]

@oliviertassinari Should I change/add something to the linked PRs? Is implementation correct?

[iigrik]

@oliviertassinari This issue is also presented in "DatePickerPro" component. Can I create PR in scope of current issue or separate issue should be created?