[data grid] GridActionsCellItem rejects component props with TypeScript

[MorrisonCole]

Steps to reproduce

Steps:

1. Open this link to live example: https://stackblitz.com/~/github.com/MorrisonCole/repro-mui-x-GridActionsCellItem-types
2. Take a look at requiredComponentPropsShouldNotError. Here we pass an unknown prop to GridActionsCellItem but no TS error is thrown 🐛
3. Take a look at missingRequiredComponentPropsShouldError - here we pass a custom component with the component prop, but its required props are not marked as a TS error 🐛

I've included similar examples with ButtonBase, which work as expected and demonstrate what I believe to be the correct behaviour - see missingRequiredComponentPropsShouldErrorButtonBase & requiredComponentPropsShouldNotErrorButtonBase.

Current behavior

GridActionsCellItem rejects its component props in TypeScript.

Expected behavior

GridActionsCellItem accepts component props for the component passed.

Context

In the MUI docs it is stated that:

Not every component fully supports any component type you pass in. If you encounter a component that rejects its component props in TypeScript, please open an issue. There is an ongoing effort to fix this by making component props generic.

I assume this is one of those cases!

Your environment

npx @mui/envinfo

  System:
    OS: macOS 15.3
  Binaries:
    Node: 22.13.1 - ~/.nvm/versions/node/v22.13.1/bin/node
    npm: 10.9.2 - ~/.nvm/versions/node/v22.13.1/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: 133.0.6943.54 <-- used this
    Edge: Not Found
    Safari: 18.3
  npmPackages:
    @emotion/react:  11.13.3
    @emotion/styled:  11.13.0
    @mui/base:  5.0.0-dev.20240529-082515-213b5e33ab
    @mui/core-downloads-tracker:  5.16.4
    @mui/icons-material:  6.4.2
    @mui/lab:  6.0.0-beta.25
    @mui/material:  6.4.2
    @mui/private-theming:  5.16.5
    @mui/styled-engine:  5.16.4
    @mui/system:  6.4.2
    @mui/types:  7.2.21
    @mui/utils:  6.4.2
    @mui/x-data-grid:  7.25.0
    @mui/x-data-grid-generator:  7.25.0
    @mui/x-data-grid-pro:  7.25.0
    @mui/x-date-pickers:  7.25.0
    @mui/x-date-pickers-pro:  7.25.0
    @mui/x-internals:  7.25.0
    @mui/x-license:  7.25.0
    @mui/x-tree-view:  7.25.0
    @types/react:  18.3.1
    react:  18.3.1
    react-dom:  18.3.1
    typescript: 5.7.2 => 5.7.2

Search keywords: GridActionsCellItem, OverrideProps, Property does not exist on type

Order ID: 102053

[michelengelen]

Hi @MorrisonCole ... thanks for opening this issue. I can confirm that this is a bug we need to fix, so I'll add this to the board. I know that @romgrk is currently working on the base components, so maybe he can adjust this while working on the others as well.