How can I scroll to to the top of a "simple" react-list when it's redisplayed?
<p>I'm using <a href="https://github.com/orgsync/react-list" rel="nofollow noreferrer">react-list</a> to display lists data within Material-UI <a href="http://www.material-ui.com/#/components/tabs" rel="nofollow noreferrer">Tab</a> components. </p>

<p>I'm using the <code>simple</code> <code>type</code> in the list, e.g.</p>

<pre><code>&lt;ReactList itemRenderer={::this.renderItem}
           length={this.props.contacts.length}
           pageSize={20}
           type="simple"
           useTranslate3d={true} /&gt;
</code></pre>

<p>I have to use <code>simple</code> as I don't know the size of the rendered items.</p>

<p>This means I can't use <code>scrollTo</code> fully. From the docs</p>

<blockquote>
  <p>Note that if you aren't using type='uniform' or an itemSizeGetter, you will only be able to scroll to an element that has already been rendered.</p>
</blockquote>

<p>When I'm work with the list on one tab and scrolled, say, half way down, when I switch to another tab, I'm scrolled some way down the list that has been updated with the new data.</p>

<p>What I'd like is to have the react-list reset to display the first item when I switch tabs.</p>

<p>I've tried putting a <code>ref</code> in <code>ReactList</code> component and then calling <code>scrollTo</code>---like this</p>

<pre><code>ref={c =&gt; this.list = c}

componentDidUpdate() {
    this.list.scrollTo(0, 0);
}
</code></pre>

<p>Had no effect.</p>