<p dir="auto">I have a page which have more than 50 checkbox, the response is slow when click checkbox. It seems be fixed when I add shouldComponentUpdate().</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="  shouldComponentUpdate: function shouldComponentUpdate(nextProps, nextState) {
    return nextState.switched !== this.state.switched;
  },"><pre class="notranslate">  <span class="pl-s1">shouldComponentUpdate</span>: <span class="pl-k">function</span> <span class="pl-en">shouldComponentUpdate</span><span class="pl-kos">(</span><span class="pl-s1">nextProps</span><span class="pl-kos">,</span> <span class="pl-s1">nextState</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">return</span> <span class="pl-s1">nextState</span><span class="pl-kos">.</span><span class="pl-c1">switched</span> <span class="pl-c1">!==</span> <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">state</span><span class="pl-kos">.</span><span class="pl-c1">switched</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span><span class="pl-kos">,</span></pre></div>
<p dir="auto">In my project I'm having an issue that only appears on mobile. Couldn't reproduce that behavior on codesandbox though. There the popover behaves the same on PC and mobile.</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">Current Behavior</h2>

<p dir="auto">Here's a link to codesandbox example:<br>
<a href="https://codesandbox.io/s/nw8x1l479j" rel="nofollow">https://codesandbox.io/s/nw8x1l479j</a><br>
Click the right item to see the issue</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.19</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
</tbody>
</table>