ApolloClient: mutate Promise resolves before mutation takes place

Intended outcome: I am attempting to use the ApolloClient in combination with react-hook-form to submit a mutation, wait for it to succeed/fail, and respond accordingly.

Actual outcome: The mutate function resolves successfully immediately after being invoked - regardless of whether or not the mutation request succeeded. There’s no easy way for me to capture and respond to errors as part of the form submission process because of this.

How to reproduce the issue:

const { handleSubmit } = useForm();
const client = useApolloClient();

const onSubmit = (data, e) => {
   return client.mutate(...).then(
      response => { ..., },
      err => { ... } // <--- never gets triggered
   );
};

return (
   <form onSubmit={handleSubmit(onSubmit)}>
      ...
   </form>
);

Versions

  System:
    OS: Linux 5.10 Ubuntu 20.04.4 LTS (Focal Fossa)
  Binaries:
    Node: 15.14.0 - ~/.nvm/versions/node/v15.14.0/bin/node
    Yarn: 3.1.1 - ~/repos/fifthsun/web/node_modules/.bin/yarn
    npm: 7.7.6 - ~/.nvm/versions/node/v15.14.0/bin/npm
  Browsers:
    Chrome: 102.0.5005.61
  npmPackages:
    @apollo/client: ^3.3.6 => 3.6.9 
    @apollo/react-hoc: ^4.0.0 => 4.0.0 
    apollo: ^2.32.1 => 2.34.0 
    apollo-link-scalars: ^3.0.0 => 3.0.0 

[jpvajda]

@rwilliams3088 I agree, it be nice to offer this in the client.

[rwilliams3088]

Update: One of the updates between my solution and the present version has broken the above so that it no longer serves to fix the problem… So this is a bug again