Material-ui: Link doesn't work with component prop

[chilupa]

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

Current Behavior 😯

When I pass component="button" to Link, it is not routing to the url mentioned in the href attribute nor I see any error log in console.

Expected Behavior 🤔

Should take user to the url mentioned in the href attribute

Steps to Reproduce 🕹

I created a live example using CodePen

Steps:

1. Add Link component to the app
2. Mention component="button" as prop
3. Add your link to href attribute
4. Try clicking on the Link, it won't route you.

Context 🔦

Your Environment 🌎

| Tech | Version |
| ----------- | ------- |
| Material-UI | v4.11.0 |
| React | 16.12.0 |
| Browser | Chrome |

[mbrookes]

<button href="" /> isn't valid HTML. What are you trying to achieve?