[Typescript] ListSubheader reject ListItem as component prop

[cvolant]

"No overload matches this call."

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Raise a typescript error.

Expected Behavior 🤔

Accept the following props without complaining:

<ListSubheader component={ListItem} divider>

Steps to Reproduce 🕹

https://codesandbox.io/s/create-react-app-with-typescript-c7fcp

Steps:

1. Try this with typescript enabled:

<ListSubheader component={ListItem} divider>

2. See this frustrating red line under ListSubheader?

Context

I ran into this trying to make the subheader similar to my list items.
It works well, but I wondered why was typescript complaining. I checked the docs that say:

If you encounter a component that rejects its component props in TypeScript please open an issue.

So here it is.

Your Environment 🌎

Tech	Version
Material-UI	latest
React	16.9.0
IDE	VSCode
TypeScript	3.6.3

[sakulstra]

i'm taking a look at this, as i'm just learning typescript so it makes sense for me to read trough what you guys are doing 👏

[oliviertassinari]

On a side note, the issue use case looks wrong. I would discourage to render anything else than native element with the component prop.