title: Apollo client fetchPolicy issues - query called twice
body: <p>I'm using @apollo/client 3.2.0 with react. I have a component that retrieves the data using the useQuery hook. The query looks similar to this one:</p>
  <pre><code>query getChartData($year: Int!, $type: String!) {
    first_series_data(kpi: &quot;SOME_KPI&quot;, year: $year, orderBy: &quot;week&quot;, type: $type) {
      edges {
        node {
          value
          week
        }
      }
    }
    second_series_data(kpi: &quot;SOME_KPI&quot;, year: $year, type: $type) {
      edges {
        node {
          date
          value
        }
      }
    }
  }
  </code></pre>
  <p>As you can see in the query, I have two variables: <strong>year</strong> and <strong>type</strong>. Both are passed as props in the component and this component is rendered twice in the same view, with a different type prop.</p>
  <p><strong>The problem</strong> that I have is related to the <strong>fetchPolicy</strong> option. If I'm using one of <code>cache-and-network</code> or <code>network-only</code> fetch policies, one of the queries is called twice. This doesn't happen when I use <code>no-cache</code>. So I think it's a cache conflict, because the queries are similar, but I'm not sure and I don't know how to fix this.</p>
  <p>Do you have any ideas?</p>