title: Mutation fires twice with react-adopt
body: <p>I am using <code>react-adopt</code> with <code>react-apollo</code>. The simple reason for this is that having a large number of queries and mutations on a single page gets very messy.</p>
  
  <h1>Issue</h1>
  
  <ul>
  <li>When firing <code>mut1</code> only one mutation will happen. </li>
  <li>When firing <code>mut2</code>,<code>mut2</code> fires and then <code>mut1</code> fires once <code>mut2</code> finishes.  </li>
  <li>If I had a <code>mu3,4,5 etc</code> and I clicked <code>mut3</code> it would run <code>mut3</code> > <code>mut2</code>and</li>
  <li>the finally <code>mut1</code> If you ran <code>mut5</code> it would then do <code>4 &gt; 3 &gt; 2 &gt; 1</code> etc...</li>
  </ul>
  
  <h1>Component</h1>
  
  <pre><code>const mut1 = () =&gt; {
    return (
      &lt;Mutation mutation={MUTATION} {...props} /&gt;
    )
  }
  const mut2 = () =&gt; {
    return &lt;Mutation mutation={MUTATION2} {...props} /&gt;
  }
  export default
    adopt({
      mut1,
      mut2,
    }
  )
  </code></pre>
  
  <p>I would of course like each mutation to only fire once when clicked.</p>