<p dir="auto">providing both inputProps and InputProps raises warning on compilation</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">No warning on compilation. Have different names for the two properties so it's not clashing, and case isn't required. (perhaps htmlInputProps and inputProps)</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">If you provide both an inputProps and an InputProps property on a single component there is a warning on compilation that you are supplying duplicate properties as case is ignored.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">provide both inputProps and InputProps</p>
<h2 dir="auto">Context</h2>
<p dir="auto">It's confusing, and having warnings on compilation is less than desirable</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>1.0.0-beta.10</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
</tbody>
</table>
<p dir="auto">Here in section Auto-layout <a href="https://material-ui.com/layout/grid/" rel="nofollow">https://material-ui.com/layout/grid/</a> there is example when you do not set xs value for Grid items. If you add long long text to these Grid items their width become too big and Grid items will be moved the the new line. Of course I can set wrap="nowrap" to the Grid container and Grid items will not be moved to the new line but in this case Grid width of all Grid items will be more than width of Grid container. To fix it you can set width: 0; to items.</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/mui-org/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">Grid items have fixed max-width and are not moved to the new line</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Grid items width become the same as its content have. Grid items are moved to the new line.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><a href="https://codesandbox.io/s/github/mui-org/material-ui/tree/v1-beta/examples/create-react-app" rel="nofollow">https://codesandbox.io/s/github/mui-org/material-ui/tree/v1-beta/examples/create-react-app</a> Is not working, I do not know why, so I will put example here if you do not mind</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import React from 'react';
import { MuiThemeProvider } from 'material-ui/styles';
import Grid from 'material-ui/Grid';

 class GridExample extends React.Component {
  render() {
    return (
		&lt;div style={{width: '1000px', margin: '0 auto'}}&gt;
		  &lt;Grid container&gt;
			&lt;Grid item xs={12} sm={6}&gt;
			  Sidebar
			&lt;/Grid&gt;
			&lt;Grid item xs={12} sm&gt;
			   LongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContent
			&lt;/Grid&gt;
		  &lt;/Grid&gt;
	  &lt;/div&gt;
    );
  }
}

const App = () =&gt; (
  &lt;MuiThemeProvider&gt;
    &lt;GridExample /&gt;
  &lt;/MuiThemeProvider&gt;
);

ReactDOM.render(
  &lt;App /&gt;,
  document.getElementById('container')
);"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-v">React</span> <span class="pl-k">from</span> <span class="pl-s">'react'</span><span class="pl-kos">;</span>
<span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-v">MuiThemeProvider</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'material-ui/styles'</span><span class="pl-kos">;</span>
<span class="pl-k">import</span> <span class="pl-v">Grid</span> <span class="pl-k">from</span> <span class="pl-s">'material-ui/Grid'</span><span class="pl-kos">;</span>

 <span class="pl-k">class</span> <span class="pl-v">GridExample</span> <span class="pl-k">extends</span> <span class="pl-v">React</span><span class="pl-kos">.</span><span class="pl-c1">Component</span> <span class="pl-kos">{</span>
  <span class="pl-en">render</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">return</span> <span class="pl-kos">(</span>
		<span class="pl-c1">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">style</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-kos">{</span><span class="pl-c1">width</span>: <span class="pl-s">'1000px'</span><span class="pl-kos">,</span> <span class="pl-c1">margin</span>: <span class="pl-s">'0 auto'</span><span class="pl-kos">}</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span>
		  <span class="pl-c1">&lt;</span><span class="pl-ent">Grid</span> <span class="pl-c1">container</span><span class="pl-c1">&gt;</span>
			<span class="pl-c1">&lt;</span><span class="pl-ent">Grid</span> <span class="pl-c1">item</span> <span class="pl-c1">xs</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">12</span><span class="pl-kos">}</span> <span class="pl-c1">sm</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">6</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span>
			  Sidebar
			<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">Grid</span><span class="pl-c1">&gt;</span>
			<span class="pl-c1">&lt;</span><span class="pl-ent">Grid</span> <span class="pl-c1">item</span> <span class="pl-c1">xs</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">12</span><span class="pl-kos">}</span> <span class="pl-c1">sm</span><span class="pl-c1">&gt;</span>
			   LongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContentLongLongContent
			<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">Grid</span><span class="pl-c1">&gt;</span>
		  <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">Grid</span><span class="pl-c1">&gt;</span>
	  <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">div</span><span class="pl-c1">&gt;</span>
    <span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span>

<span class="pl-k">const</span> <span class="pl-v">App</span> <span class="pl-c1">=</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">(</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">MuiThemeProvider</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-ent">GridExample</span> <span class="pl-c1">/</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">MuiThemeProvider</span><span class="pl-c1">&gt;</span>
<span class="pl-kos">)</span><span class="pl-kos">;</span>

<span class="pl-v">ReactDOM</span><span class="pl-kos">.</span><span class="pl-en">render</span><span class="pl-kos">(</span>
  <span class="pl-c1">&lt;</span><span class="pl-v">App</span> <span class="pl-c1">/</span><span class="pl-c1">&gt;</span><span class="pl-kos">,</span>
  <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">getElementById</span><span class="pl-kos">(</span><span class="pl-s">'container'</span><span class="pl-kos">)</span>
<span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<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.22</td>
</tr>
<tr>
<td>React</td>
<td>^16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>any</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>