How to return data from Tanstack React Query useMutation?

Question

I have a form, and I want to return the id from the newly created object which I'm creating through Axios via a REST API.

I'm integrating Tanstack Query, using the useMutation hook. I've created my own hook so I can use the mutation code throughout my react application.

const useCreateUser = () => {
  const queryClient = useQueryClient();

  return useMutation({
    mutationFn: ({ user, accessToken }: createUserInputs) =>
      createUser(user, accessToken),
    onSuccess: (data) => {
      console.log(data)
    },
  });
};

Console.log(data) is working.

I'm declaring the hook like this:

const { data:createduser, mutate: createUser } = useCreateUser();

and calling the hook like this:

await createUser({ user: user, accessToken: accessToken });

but this is not returning the data.

Where am I going wrong!

onino-js · Accepted Answer · 2023-04-26 15:35:57Z

13

You can use mutateAsync instead of mutate. mutateAsync will return the value.

answered Apr 26, 2023 at 15:35

onino-js

1991 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

double-beep · Accepted Answer · 2025-06-15 10:55:37Z

4

You should get returning data from data useMutations props:

const { data:createduser, mutate: createUser, isSuccess } = useCreateUser();

createUser({ user: user, accessToken: accessToken });
if (isSuccess) {
    console.log(createduser); // data here!
}

edited Jun 15 at 10:55

double-beep

5,66019 gold badges43 silver badges50 bronze badges

answered Jan 24, 2023 at 13:35

Wraithy

2,0961 gold badge7 silver badges15 bronze badges

1 Comment

Rob Over a year ago

thank you, the issue was the await in "await createUser({ user: user, accessToken: accessToken });"

Collectives™ on Stack Overflow

How to return data from Tanstack React Query useMutation?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related