title: Issue with useMutation with await and promise
body: <p>I am performing the useMutation operation in the innermost loop and want to check the remaining cost upon every mutation. But it gets checked after all the mutations which is a problem because for some reason even if all the mutations get done(When the cost is under limits), It calls the .then() part for cost-checking and waiting for unknown reason.</p>
  <p>Edit: I also noticed that even though the program is waiting again and again, the network status of chrome shows that all the mutations have happened and only the query of handleDiscountMore i.e. fetchMore is pending</p>
  <pre><code>const { loading, error, data, fetchMore, extensions, refetch } = useQuery(GET_COLLECTION, {
      variables: { &quot;id&quot;: coll.collection.id }
    });
  
  const [updatePrice] = useMutation(UPDATE_PRICE);
  
  const redirectToModify = async (data, totalProducts) =&gt; {
      wait(20000);
      var cursor, fetchCount;
      fetchCount = data.collection.products.edges.length;
      totalProducts -= fetchCount;
  
      data.collection.products.edges.map(async(product) =&gt; {
        const results = await Promise.all(product.node.variants.edges.map(variant =&gt; {
          if (selected == 'curr_price') {
            //do stuff
          }
          else {
            //do stuff
          }
          const productVariableInput = {
            //Object
          };
  
          updatePrice({ variables: { input: productVariableInput } }).then(({ data, extensions }) =&gt; {
            console.log(&quot;Remaining&quot;, extensions.cost.throttleStatus.currentlyAvailable) 
            console.log(data)
            if (extensions.cost.throttleStatus.currentlyAvailable &lt; 100) {
              console.log(&quot;WAITING&quot;)
              wait(18000);
            }
          }).catch(e =&gt; {
            console.log(e)
          })
          console.log(&quot;AFTER&quot;)
          return 0;
        }))
      })
          
      if (totalProducts &gt; 0) {
        console.log(&quot;Calling&quot;)
        wait(15000);
        handleDiscountMore(data, cursor, totalProducts)  
      }
    };
  
  //Below function is Just for reference. It gets called before checking the throttleStatus above. afaik there's no problem with this
  
  const handleDiscountMore = (data, cursor, pc) =&gt; { 
      console.log(&quot;Call received&quot;)
      fetchMore({
        variables: {
          &quot;id&quot;: data.collection.id,
          &quot;cursor&quot;: cursor
        },
        updateQuery: (
          previousResult,
          { fetchMoreResult }
        ) =&gt; {
          console.log(&quot;adding&quot;, fetchMoreResult);
          redirectToModify(fetchMoreResult, pc);
          // return fetchMoreResult;
        }
      })
    }
  </code></pre>