Material-ui: [ListItem] href property does not work for ListItems with button=true

[srubin20170623]

Want a list item to be a link. If I specify button={true} for a ListItem, would expect href attribute to work as it does within a Button. Instead, href property appears to do nothing in this context.

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

For a ListItem with button={true}, would expect I could use href property to specify a link.

Current Behavior

If I specify a ListItem with button={true} and include an href property to specify a link, nothing happens when I click on the ListItem. I.e. href property doesn't work for ListItems, even when button={true}

Steps to Reproduce (for bugs)

1.
2.
3.
4.

Context

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | |
| React | |
| browser | |
| etc | |

[oliviertassinari]

@srubin20170623 For the sake of HTML5 compliance, we force the button to render as a div. You need to force the rendering of a link:

      <ListItem button component="a" href="#option2">
        <ListItemText primary="Spam" />
      </ListItem>

https://codesandbox.io/s/4jkym3mq74