[material-ui][Select] Fix muiName property TypeScript error (#41726)

Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
mui · Apr 6, 2024 · f3cb496 · f3cb496
1 parent 6a14922
commit f3cb496
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/packages/mui-material/src/Select/Select.d.ts b/packages/mui-material/src/Select/Select.d.ts
@@ -151,23 +151,26 @@ export interface BaseSelectProps<Value = unknown>
   variant?: SelectVariants;
 }
 
-export interface FilledSelectProps extends Omit<FilledInputProps, 'value' | 'onChange'> {
+export interface FilledSelectProps
+  extends Omit<FilledInputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps'> {
   /**
    * The variant to use.
    * @default 'outlined'
    */
   variant: 'filled';
 }
 
-export interface StandardSelectProps extends Omit<InputProps, 'value' | 'onChange'> {
+export interface StandardSelectProps
+  extends Omit<InputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps'> {
   /**
    * The variant to use.
    * @default 'outlined'
    */
   variant: 'standard';
 }
 
-export interface OutlinedSelectProps extends Omit<OutlinedInputProps, 'value' | 'onChange'> {
+export interface OutlinedSelectProps
+  extends Omit<OutlinedInputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps'> {
   /**
    * The variant to use.
    * @default 'outlined'
@@ -193,8 +196,8 @@ export type SelectProps<Value = unknown> =
  * - [Select API](https://mui.com/material-ui/api/select/)
  * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
  */
-export default function Select<Value = unknown>(
-  props: SelectProps<Value>,
-): JSX.Element & {
+declare const Select: (<Value = unknown>(props: SelectProps<Value>) => JSX.Element) & {
   muiName: string;
 };
+
+export default Select;
diff --git a/packages/mui-material/src/Select/Select.spec.tsx b/packages/mui-material/src/Select/Select.spec.tsx
@@ -196,3 +196,6 @@ const AppSelect = <T extends string>(props: Props<T>) => {
     </Select>
   );
 };
+
+// test for applying Select's static muiName property type to wrapper components
+AppSelect.muiName = Select.muiName;