Not able to disable touch/focus ripple on a ListItem component with the button props

[emmagoldblum]

This is a v1.x issue (v0.x is no longer maintained).
I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

We should be able to access and override the props of the ButtonBase element rendered by the listItem element when the props "button" is set as true, especially the ripple effect.

Current Behavior 😯

We cannot access and override at all the ButtonBase props in a listItem component with the button props.

Steps to Reproduce 🕹

This codesandbox.io template _may_ be a good starting point:
https://codesandbox.io/s/lxvxrq0zlq

Tech	Version
Material-UI	v3.9.3

[illuminist]

<ListItem button disableRipple disableTouchRipple disableFocusRibble>
  hello
</ListItem>

Any props not belong to ListItem will be pass to the inner component, in this case, to ButtonBase. This also apply to many more material-ui components.

[eps1lon]

We should be more explicit about the props spread for this component in https://material-ui.com/api/list-item/#props. For people unfamiliar with our API it's not obvious that the root component changes if that flag is set.