<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">Display the delete icon for the <code class="notranslate">&lt;Chip /&gt;</code> component when <code class="notranslate">onDelete</code> prop is provided.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Does not display the delete icon for the <code class="notranslate">&lt;Chip /&gt;</code> component when <code class="notranslate">onDelete</code> prop is provided.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Install <code class="notranslate">material-ui v1.0.0-beta23</code> on a fresh project with <code class="notranslate">create-react-app</code></li>
<li>Copy over the example code for a chip array <a href="https://material-ui.com/demos/chips/" rel="nofollow">https://material-ui.com/demos/chips/</a></li>
<li>Observe how the delete icon does not appear for any of the chips.</li>
<li>Observe in the console the error: <code class="notranslate">Warning: Unknown event handler property "onDelete". It will be ignored.</code></li>
</ol>
<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.23</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 63.0.3239.84 (Official Build) (64-bit)</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<p dir="auto">I'm currently using next.js with material-ui. I've stubbled across adding the href prop to a button, and in most cases I can wrap a button with a ..</p><p dir="auto"></p>
<p dir="auto">However, I'm struggling with Tab.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Cannot read property 'charAt' of undefined"><pre class="notranslate"><code class="notranslate">Cannot read property 'charAt' of undefined
</code></pre></div>


<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">Steps to Reproduce (for bugs)</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;Tabs centered&gt;
  &lt;Link route=&quot;/home&quot;&gt;
    &lt;Tab
      label=&quot;Home&quot;
      href=&quot;/home&quot;
    /&gt;
  &lt;/Link&gt;
&lt;/Tabs&gt;"><pre class="notranslate"><code class="notranslate">&lt;Tabs centered&gt;
  &lt;Link route="/home"&gt;
    &lt;Tab
      label="Home"
      href="/home"
    /&gt;
  &lt;/Link&gt;
&lt;/Tabs&gt;
</code></pre></div>
<h2 dir="auto">Context</h2>

<p dir="auto">I'm trying to avoid a full page reload and use the Router push/replace features.</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.27</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>next.js</td>
<td>4.4.0-canary.3</td>
</tr>
</tbody>
</table><p></p>