<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">I am trying to build a <code class="notranslate">create-react-app</code> for production using `npm run build``</p>
<h2 dir="auto">Current Behavior</h2>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="Creating an optimized production build...
Failed to compile.

Failed to minify the code from this file: 

        ./node_modules/material-ui/es/styles/withStyles.js:37 

Read more here: http://bit.ly/2tRViJ9"><pre class="notranslate"><span class="pl-v">Creating</span> <span class="pl-s1">an</span> <span class="pl-s1">optimized</span> <span class="pl-s1">production</span> <span class="pl-s1">build</span><span class="pl-kos">.</span><span class="pl-kos">.</span><span class="pl-kos">.</span>
<span class="pl-c1">Failed</span> <span class="pl-s1">to</span> <span class="pl-s1">compile</span><span class="pl-kos">.</span>

<span class="pl-c1">Failed</span> <span class="pl-s1">to</span> <span class="pl-s1">minify</span> <span class="pl-s1">the</span> <span class="pl-s1">code</span> <span class="pl-s1">from</span> <span class="pl-smi">this</span> file: 

        <span class="pl-kos">.</span><span class="pl-c1">/</span><span class="pl-s1">node_modules</span><span class="pl-c1">/</span><span class="pl-s1">material</span><span class="pl-c1">-</span><span class="pl-s1">ui</span><span class="pl-c1">/</span><span class="pl-s1">es</span><span class="pl-c1">/</span><span class="pl-s1">styles</span><span class="pl-c1">/</span><span class="pl-s1">withStyles</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">37</span> 

<span class="pl-v">Read</span> <span class="pl-s1">more</span> here: http:<span class="pl-c">//bit.ly/2tRViJ9</span><span class="pl-kos"></span></pre></div>
<p dir="auto">This build process includes a minification step (can't be configured, for all I know), which fails (see above), as the <code class="notranslate">1.0.0-beta.20</code> version of your wonderful package is in ES6.</p>
<p dir="auto">This error pattern is known in <code class="notranslate">create-react-app</code>, see the link in their docu: <a href="http://bit.ly/2tRViJ9" rel="nofollow">http://bit.ly/2tRViJ9</a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Can't provide a sandbox, as you need to use <code class="notranslate">create-react-app</code> and <code class="notranslate">build</code> for prod.</p>
<ol dir="auto">
<li>Create a <code class="notranslate">create-react-app</code></li>
<li>Add <code class="notranslate">material-ui</code> dependency (1.0.0-beta.20)</li>
<li>Run <code class="notranslate">npm run build</code></li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">Trying to build for prod.</p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">node 8.1.1<br>
npm 5.5.1</p>
<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.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>--</td>
</tr>
<tr>
<td>etc</td>
<td>--</td>
</tr>
</tbody>
</table>
<p dir="auto">When using the autocomplete component using a list of people [name, city, state ...] as data-source, Austin will be displayed twice.<br>
How can we ensure the list won't show duplicate data while still using the same data source?</p>
<p dir="auto">const data = [<br>
{"id":1,"name":"bob", "city":"Austin","state":"TX"},<br>
{"id":2,"name":"bobb", "city":"Austin","state":"TX"},<br>
{"id":3,"name":"bobby", "city":"Dallas","state":"TX"},<br>
]</p>
<p dir="auto">const cityConfig = {<br>
text: 'city',<br>
value: 'city',<br>
};</p>
<p dir="auto">&lt;AutoComplete<br>
floatingLabelText={'label'}<br>
dataSource={data}<br>
dataSourceConfig={cityConfig}<br>
/&gt;</p>