title: Is it possible to use material-ui button navigation with react-router?
body: <p>I have a web app that I'v designed with material-UI and as you can see below I'm using Button navigation for navigating through my basic landing page components.</p>
  
  <pre><code>&lt;div className="footer"&gt;
    &lt;BottomNavigation value={value} onChange={this.handleChange} className={classes.root}&gt;
      &lt;BottomNavigationAction label="signal" value="signal" icon={&lt;ShowChart /&gt;} className={classes.content}/&gt;
      &lt;BottomNavigationAction label="hotlist" value="hotlist" icon={&lt;HotList /&gt;} className={classes.content}/&gt;
      &lt;BottomNavigationAction label="analyze" value="analyze" icon={&lt;PieChart /&gt;} className={classes.content}/&gt;
      &lt;BottomNavigationAction label="learn" value="learn" icon={&lt;LibraryBooks/&gt;} className={classes.content}/&gt;
      &lt;BottomNavigationAction label="dashboard" value="dashboard" icon={&lt;PermIdentity/&gt;} className={classes.content}/&gt;
    &lt;/BottomNavigation&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I've tried to use React-Router with these predefiend navigation component but that didn't work, is there any possible way to use Router with Button navigation of material-UI?
  Button navigation article in material-UI
  <a href="https://material-ui.com/api/bottom-navigation/" rel="noreferrer">ButtonNavigation API</a></p>