Button with react-route wont work

[weisenic]

This applies for material-ui-next with typescript an react-router

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

Expected Behavior

Following the example in the Docs on how to integrate a router:

I should be able to use this Button as a Link

Current Behavior

The button wont render at all. In the result HTML an with the correct href but zero width and height is generated

Steps to Reproduce (for bugs)

I've created a Repo with the relevant implementation (in src/App.tsx).
Clone the Repository and run $ yarn and $ yarn run start to reproduce.

[mbrookes]

https://material-ui.com/demos/buttons/#third-party-routing-library

[oliviertassinari]

We even have a live demo for this: https://material-ui.com/guides/composition/#component-property.

-const MyLink = () => <Link to="/test-route" />;
+const MyLink = (props: Props) => <Link to="/test-route" {...props} />;

[support]

👋 Thanks for using Material-UI!

We use the issue tracker exclusively for bug reports and feature requests, however,
this issue appears to be a support request or question. Please ask on StackOverflow where the
community will do their best to help. There is a "material-ui" tag that you can use to tag your
question.

If you would like to link from here to your question on SO, it will help others find it.
If your issues is confirmed as a bug, you are welcome to reopen the issue using the issue template.