[Typescript] Select doesn't accept notched prop (missing extending OutlinedInputProps)

[jrozbicki]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Typescript throws error when trying to pass noched option to Select component as props.

Functionality works, just typescript is throwing errors.

Expected behavior 🤔

Typescript not to throw error and accept inherited OutlinedInput props as stated in docs and Select.d.ts:

...
 * API:
 *
 * - [Select API](https://mui.com/api/select/)
 * - inherits [OutlinedInput API](https://mui.com/api/outlined-input/)
 */
declare const Select: (<T>(props: SelectProps<T>) => JSX.Element) & {
  muiName: string;
};

Steps to reproduce 🕹

Steps:

1. Visit forked version of Basic Select demo
2. At line 22 typescript throws error Property 'notched' does not exist on type 'IntrinsicAttributes & SelectProps<string>'

Context 🔦

I was trying to create Select with InputLabel. Label is interfering with displayEmpty and renderValue for value: "". This could be a candidate for another issue.

I found out that you can add shrink: true to InputLabel and notched to Select to keep label always on top.

Your environment 🌎

npx @mui/envinfo

System:
    OS: macOS 12.0.1
  Binaries:
    Node: 14.17.1 - ~/.nvm/versions/node/v14.17.1/bin/node
    Yarn: 1.22.15 - ~/.yarn/bin/yarn
    npm: 6.14.13 - ~/.nvm/versions/node/v14.17.1/bin/npm
  Browsers:
    Chrome: 98.0.4758.109
    Edge: Not Found
    Firefox: 97.0.1
    Safari: 15.1
  npmPackages:
    @emotion/react: ^11.7.1 => 11.7.1 
    @emotion/styled: ^11.6.0 => 11.6.0 
    @mui/base:  5.0.0-alpha.69 
    @mui/icons-material: ^5.2.5 => 5.2.5 
    @mui/lab: ^5.0.0-alpha.69 => 5.0.0-alpha.69 
    @mui/material: ^5.4.3 => 5.4.3 
    @mui/private-theming:  5.2.3 
    @mui/styled-engine:  5.4.2 
    @mui/styles:  5.2.3 
    @mui/system:  5.4.3 
    @mui/types:  7.1.0 
    @mui/utils:  5.2.3 
    @types/react: ^17.0.38 => 17.0.38 
    react: ^17.0.2 => 17.0.2 
    react-dom: ^16.12.0 => 16.12.0 
    typescript: 4.1.6 => 4.1.6

tsconfig.json

{
  "compilerOptions": {
    "types": ["@emotion/core", "node", "jest", "@testing-library/jest-dom"],
    "baseUrl": "src",
    "target": "es5",
    "jsx": "react-jsx",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": false,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "noFallthroughCasesInSwitch": true,
    "noImplicitAny": true,
    "noImplicitThis": true,
    "strictNullChecks": true
  },
  "include": ["src", "emotion.d.ts"]
}