title: How to refresh Query/Cache from an Apollo Subscription component in React
body: <p>Imagine an component hierarchy like so:</p>
  
  <pre><code>&lt;Team&gt;
    &lt;Leaderboard /&gt;
    &lt;PlayerStats /&gt;
  &lt;/Team&gt;
  </code></pre>
  
  <p>In the render method of Leaderboard, we have an Apollo/GraphQL Query component fetching the top players.</p>
  
  <p>We also have an <a href="https://www.apollographql.com/docs/react/advanced/subscriptions.html#api" rel="nofollow noreferrer"> component</a> that triggers upon getting a new PlayerStat (currently in PlayerStats -- but happy to put it anywhere).</p>
  
  <p>How do I get the Leaderboard query to <a href="https://www.apollographql.com/docs/angular/features/cache-updates.html#refetchQueries" rel="nofollow noreferrer">refetchQueries</a>/clear cache upon a trigger from the PlayerStat Subscription component.</p>
  
  <p>Thanks!!</p>