title: How can I set my button or icon color to be different when a user is at the certain component?
body: <p>I have drawer buttons here and I want to change Icon colors when a user clicks to each button and stays there. Like, if users click 'Dashboard' and are staying in that components, the dashboard button color will be white so that the buttons are indicating where users are in the website</p>
  <pre><code> const drawer = (
      &lt;div&gt;
        &lt;Button
          variant='contained'
          color='secondary'
          onClick={handleToDashboard}
          className={classes.customButton}
          startIcon={&lt;DashboardIcon style={{ color: 'black' }} /&gt;}
        &gt;
          Dashboard
        &lt;/Button&gt;
        &lt;Button
          variant='contained'
          color='secondary'
          onClick={handleToTest}
          className={classes.customButton}
          startIcon={&lt;MapIcon /&gt;}
        &gt;
         Map
        &lt;/Button&gt;
        &lt;Divider /&gt;
      &lt;/div&gt;
    );
  </code></pre>