Add second returned value to useMutation ?

WIth the Mutation component from Apollo. you can do something like this:

const AddTodo = () => {
  let input;

  return (
    <Mutation mutation={ADD_TODO}>
      {(addTodo, { data }) => (
        <div>
          <form
            onSubmit={e => {
              e.preventDefault();
              addTodo({ variables: { type: input.value } });
              input.value = "";
            }}
          >
            <input
              ref={node => {
                input = node;
              }}
            />
            <button type="submit">Add Todo</button>
          </form>
        </div>
      )}
    </Mutation>
  );
};

could the useMutation hook be modified like so?

const [doMutation, { data, loading, error }] = useMutation(...);

[trojanowski]

I just published an alpha version of 0.5.0 with #135 merged-in. It’s available as react-apollo-hooks@alpha.

[cvburgess]

Sorry, I pasted that right from the Apollo Docs.

I personally use loading and errors more than data but all three are returned (like <Query />)

The main use cause is for showing a loading state while waiting for a response (like in a form). Optimistic update is a fantastic alternative, but sometimes you need to be “honest” about the loading state (or errors).