<p dir="auto">When overriding an unknown style the following warning is logged: <code class="notranslate">You are trying to overrides a style that do not exist.</code>.<br>
Apart from the obvious typing error in the warning message, which should be fixed, I would like to suggest that the warning message also shows the respective style key.</p>
<p dir="auto">Source file: <a href="https://github.com/callemall/material-ui/blob/fb8bcd94abf9f33e27bc60cda6d9e74d166f699e/src/styles/getStylesCreator.js#L18">https://github.com/callemall/material-ui/blob/fb8bcd94abf9f33e27bc60cda6d9e74d166f699e/src/styles/getStylesCreator.js#L18</a></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 <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">When overriding a style which does not exist, I would like to know <em>which</em> style, which key respectively, does not exist.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">The shown warning in the console does not give any information about the wrong style key.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Create a theme override with an invalid style key, e.g.:</li>
</ol>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="const theme = createMuiTheme({
    overrides: {
        invalidKey : { }
});"><pre class="notranslate"><code class="notranslate">const theme = createMuiTheme({
    overrides: {
        invalidKey : { }
});
</code></pre></div>
<ol start="2" dir="auto">
<li>Open the <em>JavaScript</em> console.</li>
<li>The console shows <code class="notranslate">bundle.js:6820 Warning: You are trying to overrides a style that do not exist.</code></li>
</ol>
<h2 dir="auto">Context</h2>
    
<p dir="auto">I recently updated to the most recent beta version and it seems that some style overrides are not longer available. I would like to track down the wrong style key without searching for it one-by-one.</p>
<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><a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/next/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/next">@next</a></td>
</tr>
</tbody>
</table>
<h3 dir="auto">Checkbox value as number</h3>
<p dir="auto">Right now i will get an error if I try to pass number as value in Checkbox.<br>
I don't think that there should be any restriction only on string?<br>
<code class="notranslate">Warning: Failed prop type: Invalid prop `value` of type `number` supplied to `Checkbox`, expected `string`.</code></p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v1.0.0-beta.24</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Any</td>
</tr>
</tbody>
</table>