<ul dir="auto">
<li>[x ] I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">How can I remove the background colour on the hover of a menu item, and change the font-color?</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked="">  I have searched the issues of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">Print "ref is ok" in console.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Warning printed:</p>
<blockquote>
<p dir="auto">Warning: Stateless function components cannot be given refs. Attempts to access this ref will fail.</p>
<p dir="auto">Check the render method of <code class="notranslate">withStyles(Toolbar)</code>.<br>
in Toolbar (created by withStyles(Toolbar))<br>
in withStyles(Toolbar) (created by Page)</p>
</blockquote>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto"><code class="notranslate">&lt;Toolbar innerRef={() =&gt; console.log("ref is ok"} /&gt;</code></p>
<h2 dir="auto">Context</h2>

<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td></td>
</tr>
<tr>
<td>React</td>
<td></td>
</tr>
<tr>
<td>browser</td>
<td></td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>^1.0.0-beta.20</td>
</tr>
<tr>
<td>React</td>
<td>16</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 62</td>
</tr>
<tr>
<td>ts</td>
<td>2.6.1</td>
</tr>
</tbody>
</table>