Overriding MuiTableCell using variants gives "Failed prop type" warning

[arjunvkurup]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Gettings a warning as provided below

Warning: Failed prop type: Invalid prop variantof valuetableHeadingsupplied toForwardRef(TableCell), expected one of ["body","footer","head"].

Expected behavior 🤔

Should be able to override the default variants with custom TableCell variants

Steps to reproduce 🕹

Steps:

1. Override MuiTableCell using the styleOverrides property
2. use the snippet provide below

MuiTableCell: {
    styleOverrides: {
      root: {
        border: "none",
        backgroundColor: "#142243",
      }
    },
    variants: [
      {
        props: { variant: "tableHeading" },
        style: {
          fontSize: "1.375em",
          fontFamily: "Whyte",
          color: "#C1D3FF",
        }
      },
    ]
  },

Context 🔦

Instead of the default variants props provide in TableCell component, I want to override and add multiple variants with custom properties.

Your environment 🌎

npx @mui/envinfo

Used Brave browser for testing purpose.
System:
    OS: macOS 12.5
  Binaries:
    Node: 16.15.1 - /usr/local/bin/node
    Yarn: Not Found
    npm: 8.11.0 - /usr/local/bin/npm
  Browsers:
    Chrome: Not Found
    Edge: Not Found
    Firefox: Not Found
    Brave: 1.41.100 (Chromium: 103.0.5060.134)
    Safari: 15.6
  npmPackages:
    @emotion/react: ^11.8.1 => 11.8.1 
    @emotion/styled: ^11.8.1 => 11.8.1 
    @mui/base:  5.0.0-alpha.70 
    @mui/icons-material: ^5.4.4 => 5.4.4 
    @mui/material: ^5.4.4 => 5.4.4 
    @mui/private-theming:  5.4.4 
    @mui/styled-engine:  5.4.4 
    @mui/styles: ^5.5.0 => 5.5.0 
    @mui/system:  5.4.4 
    @mui/types:  7.1.2 
    @mui/utils:  5.7.0 
    @mui/x-date-pickers: ^5.0.0-alpha.2 => 5.0.0-alpha.2 
    @types/react:  16.14.26 
    react: 17.0.2 => 17.0.2 
    react-dom: 17.0.2 => 17.0.2 
    typescript:  4.7.3 

[ZeeshanTamboli]

Not only a warning is thrown but also there is a TypeScript error for overriding via module augmentation. Fix can be applied similar to #33816. Only that #33816 was for size prop, this is for variant prop. Would you like to create a PR for it?

[arjunvkurup]

Yes, I will create a PR for this issue