<p dir="auto">Lot of us currently using stable version and it would be much easier to migrate each component separately.</p>
<p dir="auto">So at the start we will be able to load components separately:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import { Card, CardText, CardActions } from 'material-ui';  // 0.19.0
import { Button } from &quot;@material-ui/button&quot;; // ^1.0.0"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-v">Card</span><span class="pl-kos">,</span> <span class="pl-v">CardText</span><span class="pl-kos">,</span> <span class="pl-v">CardActions</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'material-ui'</span><span class="pl-kos">;</span>  <span class="pl-c">// 0.19.0</span>
<span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-v">Button</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">"@material-ui/button"</span><span class="pl-kos">;</span> <span class="pl-c">// ^1.0.0</span></pre></div>
<p dir="auto">Idea from <a href="https://github.com/material-components/material-components-web#including-components">material-components</a>.</p>
<p dir="auto">Where user can install whole lib from <code class="notranslate">material-components-web</code> repo or each component separately from <code class="notranslate">@material/*</code>.</p>
<p dir="auto">See <a href="https://github.com/lerna/lerna">lerna</a>.</p>
<p dir="auto">The input fields in MUI should allow props <code class="notranslate">lang: string</code> and <code class="notranslate">spellcheck: boolean</code></p>


<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">I would expect this to be default allowed props</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Typescript throws error that props are not allowed on  component:<br>
in [at-loader] TS2339: Property 'spellchecker' does not exist on type 'IntrinsicAttributes &amp; { autoComplete?: string | undefined; autoFocus?: boolean | undefined; input...'.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">In this codepen I have created a basic html example. <a href="https://codepen.io/doff3n/pen/GOrjwN" rel="nofollow">https://codepen.io/doff3n/pen/GOrjwN</a></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>1.0.0-beta.17</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>All</td>
</tr>
</tbody>
</table>