title: Material UI List scroll doesn't reset when list data changes
body: <p>I have a simple list of items.</p>
  
  <pre><code>      &lt;List&gt;
          {this.state.initialList.map((item, index) =&gt; (
            &lt;ListItem key={index} button&gt;
              &lt;ListItemText primary={item} /&gt;
            &lt;/ListItem&gt;
          ))}
        &lt;/List&gt;
  </code></pre>
  
  <p>If I scroll to the bottom of the list and load a new list, the scroll stays at the bottom. How do I scroll back to the top of the list?</p>
  
  <p><a href="https://codesandbox.io/s/material-demo-l4i3s" rel="nofollow noreferrer">https://codesandbox.io/s/material-demo-l4i3s</a></p>
  
  <p>In this sandbox, scroll to the bottom, click on "load", the list is showing the last item of the new list.</p>