Repository: material-ui
Issue: [Select] Prop component + value breaks compilation for MenuItem
Labels: component: select,typescript

<!-- Provide a general summary of the issue in the Title above -->
Combination of both prop `component` + prop `value` seems incompatible.
<!--
  Thank you very much for contributing to Material-UI by creating an issue! ❤️
  To avoid duplicate issues we ask you to check off the following list.
-->

<!-- Checked checkbox should look like this: [x] -->

- [x] The issue is present in the latest release.
- [x] I have searched the [issues](https://github.com/mui-org/material-ui/issues) of this repository and believe that this is not a duplicate.

## Current Behavior 😯

`value`, a valid prop for `MenuItem` (inherit from `li` native element) seems to break compilation, if provided along with `component` prop. No matter if `component` is a native HTML element, a custom component or MUI component.

<!-- Describe what happens instead of the expected behavior. -->

## Expected Behavior 🤔

<!-- Describe what should happen. -->

You can use both props w/o typescript compilation errors.

## Steps to Reproduce 🕹

<!--
  Provide a link to a live example (you can use codesandbox.io) and an unambiguous set of steps to reproduce this bug.
  Include code to reproduce, if relevant (which it most likely is).

  You should use the official codesandbox template as a starting point: https://material-ui.com/r/issue-template

  If you have an issue concerning TypeScript please start from this TypeScript playground: https://material-ui.com/r/ts-issue-template

  Issues without some form of live example have a longer response time.
-->

As you can see in the [demo](https://codesandbox.io/s/material-demo-2wbmx?file=/demo.tsx), every combination should be acceptable. As you can see in the second case, `component="Typography"` lets you use any Typography prop along with MenuItem props. You can comment line 18 to check this out. But when it comes to `value`, Typescript complains for line 15

~~~
Property 'component' does not exist on type 'IntrinsicAttributes & { action?: Ref<ButtonBaseActions>; buttonRef?: Ref<unknown>; centerRipple?: boolean; disabled?: boolean; disableRipple?: boolean; ... 4 more ...; TouchRippleProps?: Partial<...>; } & { ...; } & { ...; } & CommonProps<...> & Pick<...>'
~~~

I've check out how MenuItem is basically a ListItem with aditional props, and the problem persists as well using this component. Probably is something with OverridableComponent interface or BaseButton, im not sure.

## Context 🔦

<!--
  What are you trying to accomplish? How has this issue affected you?
  Providing context helps us come up with a solution that is most useful in the real world.
-->

This "value" prop, not only an acceptable prop for native element, but it is indirectly being supported as [MUI documentation for Select](https://material-ui.com/api/select/#props) allows you to use MenuItem as children, but I couldn't find a demo with, also, a prop component.

## Your Environment 🌎

<!--
  Include as many relevant details about the environment with which you experienced the bug.
  If you encounter issues with typescript please include version and tsconfig.
-->

| Tech        | Version |
| ----------- | ------- |
| Material-UI | v4.10.0 (latest)  |
| React       |  v16.13.1 |
| Browser     |  83.0.4103.61 |
| TypeScript  | 3.9.3 |