How to share useMutation() return value across components? | TanStack | Page 1

hollow pollen Oct 29, 2023, 10:13 PM

#

Hi guys, I'm just starting out with TSQ!

I have a component that's calling useMutation. However, I want to access its return value (specifically .isPending and .variables) in a faraway component. Is this achievable without prop-drilling or a custom context? Thanks 🙂

meager dust Oct 30, 2023, 6:23 AM

#

With useMutationState

hollow pollen Oct 30, 2023, 9:05 PM

#

Hi there!

I looked into this!

I want to check if a specific mutation call is pending and get that specific calls variables.

However, since useMutationState returns an array, I end up getting an array of each mutation.state for each of the calls.

This leaves me no way to identify the specific mutation.state that I want to read from. Any ideas?

I have thought that perhaps after each mutation call succeeds, I could clear that particular mutation cache, meaning that useMutationState() will theoretically always return an array of length 1.

Any help is appreciated! 🙂

latent phoenix Oct 31, 2023, 2:48 AM

#

Give the mutation a mutationKey and filter by that key when calling useMutationState.

#

See https://github.com/TanStack/query/discussions/6118#discussioncomment-7227206

#How to share useMutation() return value across components?