[Select] Fixing typescript not recognizing the 'component' property on the 'MenuListProps'

packages/material-ui/src/List/List.d.ts

@@ -51,10 +51,21 @@ export interface ListTypeMap<P = {}, D extends React.ElementType = 'ul'> {
  *
  * - [List API](https://material-ui.com/api/list/)
  */
-declare const List: OverridableComponent<ListTypeMap>;
+declare const List: OverridableList;
+
+export interface OverridableList extends OverridableComponent<ListTypeMap> {
+  <D extends React.ElementType = ListTypeMap['defaultComponent'], P = {}>(
+    props: ListPropsWithComponent<D, P>
+  ): JSX.Element;
+}
 
 export type ListClassKey = keyof NonNullable<ListTypeMap['props']['classes']>;
 
+export type ListPropsWithComponent<
+  D extends React.ElementType = ListTypeMap['defaultComponent'],
+  P = {}
+> = { component?: D } & ListProps<D, P>;
+
 export type ListProps<
   D extends React.ElementType = ListTypeMap['defaultComponent'],
   P = {}

packages/material-ui/src/List/List.js

@@ -82,7 +82,7 @@ List.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: PropTypes.elementType,
+  component: PropTypes /* @typescript-to-proptypes-ignore */.elementType,
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used for
    * the list and list items.

packages/material-ui/src/MenuList/MenuList.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { ListProps } from '../List';
+import { ListPropsWithComponent } from '../List';
 
-export interface MenuListProps extends ListProps {
+export interface MenuListProps extends ListPropsWithComponent<React.ElementType> {
   /**
    * If `true`, will focus the `[role="menu"]` container and move into tab order.
    * @default false

packages/material-ui/src/Select/Select.spec.tsx

@@ -40,4 +40,12 @@ function genericValueTest() {
     {/* Whoops. The value in onChange won't be a string */}
     <MenuItem value={2} />
   </Select>;
+
+  <Select
+    MenuProps={{
+      MenuListProps: {
+        component: 'div',
+      },
+    }}
+  />;
 }