How to make a Material UI react Button act as a react-router-dom Link? : <p>How can I make a <strong>Material UI</strong> react <code>Button</code> component act as a <code>Link</code> component from <strong>react-router-dom</strong> without losing it's original style? Like changing the route on click.</p>

<pre><code>import Button from '@material-ui/core/Button';

&lt;Button variant="contained" color="primary"&gt;
    About Page
&lt;/Button&gt;
</code></pre>

<p>To something like this, but maintaining the original <code>Button</code> style:</p>

<pre><code>import Button from '@material-ui/core/Button';
import { Link } from 'react-router-dom';

&lt;Button variant="contained" color="primary"&gt;
    &lt;Link to="/about"&gt;
        About Page
    &lt;/Link&gt;
&lt;/Button&gt;
</code></pre>
