ListItem button props set to hard true.

[AhmedBHameed]

• The issue is present in the latest release.
• 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 😯

Looking to ListItem type definition in the following path *node_modules/@material-ui/core/ListItem/ListItem.d.ts, I find button property taking type of true.

declare const ListItem: OverridableComponent<ListItemTypeMap<{ button?: false }, 'li'>> &
  ExtendButtonBase<ListItemTypeMap<{ button: true }, 'div'>>;

Expected Behavior 🤔

Shouldn't be a boolean instead of hard true ??
What is the reason of setting it to hard true ?

Steps to Reproduce 🕹

We are using styled-components here.

Steps:

1. Import ListItem from @material-ui/core'.
2. Style it with styled-components.
3. Use ListItem component without button prop. Eslint will produce an error message.
4. Code sandbox

Context 🔦

We are using ListItem as a menu list with button. but some of them are not using button for some special condition. We have to make a turn around to solve it. With this error, we can't use ListItem anymore to prevent inconsistent code.

Your Environment 🌎

Tech	Version
Material-UI	v4.11.0
React	v16.13.1
Browser	v 84.0.4147.135 (Official Build) (64-bit)
TypeScript	v4.0.2

[eps1lon]

Duplicate of #14971