title: How do I make mutliple graphql queries with the same query using react-apollo?
body: <p>I have a graphql endpoint: <code>QueryDataForOptions</code></p>
  
  <p>I want to call it multiple times based on the component's <code>options</code> prop.
  There may be any number of options.</p>
  
  <p>I would like to do something like this pseudocode but the rules of hooks do not allow it:</p>
  
  <pre><code>const MyComponent = (options) =&gt; {
    options.forEach(option =&gt; {
      const {data, loading, error} = useQuery(QueryDataForOptions, {variables: {option}})
    })
  </code></pre>
  
  <p>}</p>
  
  <p>I also considered this pseudocode but I am not sure how to handle <code>data</code> being overwritten:</p>
  
  <pre><code>const MyComponent = (options) =&gt; {
    const [getOptions, {data, loading, error}] = useLazyQuery(QueryDataForOptions)
    options.forEach(option =&gt; {
      getOptions({variables: {option}})
    })
  }
  </code></pre>
  
  <p>I know the right solution is to change the graphql endpoint but I want to do this change on the client side.</p>
  
  <p>How do I make multiple calls of the same query?</p>