CODEWITHSUNDEEP
apolloreact-apolloreact-apollo-hooks
Anastasiya Straltsova
Anastasiya Straltsova

Reputation: 1

How to write useMutation hook with onCompleted as a parameter?

I need to write dedicated hook useMutation with onCompleted and parameter onMutationCompleted.

In file it uses like:

const [data] = useClearWorkerMutation({ onCompleted: onMutationCompleted });

I don't know how to put onCompleted in this hook correctly.

export function useClearWorkerMutation() {
  return useMutation<ClearWorkerMutationData, ClearWorkerMutationInput>(
    CLEAR_WORKER_MUTATION,
    {
      onCompleted: (data) =>
      },
    },
  );
}

Upvotes: 0

Views: 391

Answers (1)

Michel Floyd
Michel Floyd

Reputation: 20256

Per the docs the function signature for useMutation is:

function useMutation<TData = any, TVariables = OperationVariables>(
  mutation: DocumentNode,
  options?: MutationHookOptions<TData, TVariables>,
): MutationTuple<TData, TVariables> {}

If the only option is onCompleted and you have some query then you would have:

useMutation(YOUR_MUTATION,{onCompleted: (data) => {…your function…})

It looks as if you're doing this correctly. Are you getting errors? Is your onCompleted function not getting executed? What's not working?

Upvotes: 0

Related Questions