How to change the hover color of material ui table : <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>
