title: Nextjs graphql mutation stuck send request
body: <p>This is my code to delete a user:</p>
  <pre><code>  const [selected, setSelected] = useState&lt;string | null&gt;(null);
  
  
    const DELETE_USER = gql`
      mutation RemoveUser($_id: String!) {
        removeUser(_id: $_id)
      }
    `;
    const [removeUser, { loading, error }] = useMutation(DELETE_USER);
  
    const handleDelete = () =&gt; {
      removeUser({
        variables: {
          _id: selected,
        },
      });
    };
  
  
  ...
  
   &lt;Button isLoading={loading} onClick={handleDelete} variant=&quot;ghost&quot;&gt;
                Delete
              &lt;/Button&gt;
  </code></pre>
  <p><strong>Note</strong>: <strong>selected</strong> is always non empty before the <strong>handleDelete</strong> function call.</p>
  <p>I don't get any error or warning and I am just stuck in the loading state in the UI.</p>