title: How to change the hover color of Material-UI table?
body: <p>I am using React and <a href="https://material-ui.com/" rel="noreferrer">Material UI</a> for my web application. I want to change the hover color of table row but cannot do that.</p>
  <p>Sample code:</p>
  <pre><code>x={
    hover:{
      color:'green'
    }
  }
  
  &lt;TableRow
    hover
    key={lead.id} className={classes.row}
    classes={{
      hover:x.hover
    }}
    onClick={() =&gt; {}}
  &gt;
  </code></pre>