title: React-Apollo Query refetch causes children to unmount
body: <p>I have a display component wrapped in a <code>Query</code> component to recieve data from a GraphQL query. After I perform a mutation, I have to refetch the data to update the store.  The problem is that calling <code>refetch()</code> results in the child component being unmounted, thus disrupting the interaction and scrolling that the user has been doing to cause the mutation.</p>
  
  <p>Is there a way to call <code>refetch()</code> without it causing the childen to unmount?  If not, is there better way to the update the store that won't cause an unmount?  Below is the code with the <code>Query</code> component and its child.</p>
  
  <pre><code>&lt;Query
    query={query}
    variables={{videoId}}
  &gt;
    {
      ({loading, error, data, refetch }) =&gt; {
        if (loading) 
          return &lt;p&gt;Loading...&lt;/p&gt;;
        if (error) {
          console.log(error);
          return &lt;p&gt;Error :(&lt;/p&gt;;
        }
  
        const onChange = () =&gt; {
          console.log("refetching");
          return refetch();
        }
  
        const {timestampCollection} = data;
        return(
            &lt;TimestampCollection onChange={onChange} player={this.state.player} timestampCollection={timestampCollection[0]} /&gt;
        )
      }
    }
  &lt;/Query&gt;
  </code></pre>
  
  <p>Thank you all for the help!</p>