Invalidating queryKey with variable doesn't work

Hi guys,

I'm encountering issues when trying to invalidate queries with a variable in the query key during the onSettled of a useMutation.
Basically trying something like this (with version

5.84.1

5.84.1

export function usePatchSomething(): UseMutationResult<Something, ErrorType, Something> {
    const queryClient = useQueryClient();

    return useMutation<Something, ErrorType, Something>({
        mutationFn: async (data: Something) => mutateSomething.update.fn(data),
        onSettled: async (_, __, variables) => {
            const { id } = variables;
            void queryClient.invalidateQueries({ queryKey: [SOMETHING, id] });
        },
    });
}

export function usePatchSomething(): UseMutationResult<Something, ErrorType, Something> {
    const queryClient = useQueryClient();

    return useMutation<Something, ErrorType, Something>({
        mutationFn: async (data: Something) => mutateSomething.update.fn(data),
        onSettled: async (_, __, variables) => {
            const { id } = variables;
            void queryClient.invalidateQueries({ queryKey: [SOMETHING, id] });
        },
    });
}

Something

Something

has a prop

id

id

, when logging the variables in onSettled I do get a result.
When I hardcode the id into the key directly, it works fine, but not when using the variable. Is this a bug or is that simply not possible?
Is there some other way I can achieve the same effect?

TanStack•8mo ago•

9 replies

full-green

Invalidating queryKey with variable doesn't work

Hi guys,

I'm encountering issues when trying to invalidate queries with a variable in the query key during the onSettled of a useMutation.
Basically trying something like this (with version

5.84.1

5.84.1

export function usePatchSomething(): UseMutationResult<Something, ErrorType, Something> {
    const queryClient = useQueryClient();

    return useMutation<Something, ErrorType, Something>({
        mutationFn: async (data: Something) => mutateSomething.update.fn(data),
        onSettled: async (_, __, variables) => {
            const { id } = variables;
            void queryClient.invalidateQueries({ queryKey: [SOMETHING, id] });
        },
    });
}

export function usePatchSomething(): UseMutationResult<Something, ErrorType, Something> {
    const queryClient = useQueryClient();

    return useMutation<Something, ErrorType, Something>({
        mutationFn: async (data: Something) => mutateSomething.update.fn(data),
        onSettled: async (_, __, variables) => {
            const { id } = variables;
            void queryClient.invalidateQueries({ queryKey: [SOMETHING, id] });
        },
    });
}

Something

Something

has a prop

id

id

Invalidating queryKey with variable doesn't work

Similar Threads

Invalidating queryKey with variable doesn't work

Similar Threads

Similar Threads

Similar Threads