title: How to make a Material UI react Button act as a react-router-dom Link?
body: <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>