queryClient.invalidateQueries works... but only for a while

Hi,

I have the following. I want to refetch the list of favourites from my API every time a user favourites or unfavourites an item. This code works as expected, the app will send a POST or DELETE request, invalidate the queries, and make a GET request to refresh the favourites. But after a short amount of time, say ten minutes or so, it stops working. It will send the POST or DELETE, but the queries do not get invalidated to the favourites are never refreshed

export function useFavourite(options: UseMutationOptions = {}) {
    const queryClient = useQueryClient();

    return useMutation({
        mutationFn: (data) => {
            return setFavourite(data.uuid, data.remove)
        },
        onSuccess: () => {
            queryClient.invalidateQueries({queryKey: ['favourites'], refetchType: 'all'});
        },
        ...options
    });
};

export function useFavourite(options: UseMutationOptions = {}) {
    const queryClient = useQueryClient();

    return useMutation({
        mutationFn: (data) => {
            return setFavourite(data.uuid, data.remove)
        },
        onSuccess: () => {
            queryClient.invalidateQueries({queryKey: ['favourites'], refetchType: 'all'});
        },
        ...options
    });
};

TanStack•3y ago•

7 replies

skinny-azure

queryClient.invalidateQueries works... but only for a while

export function useFavourite(options: UseMutationOptions = {}) {
    const queryClient = useQueryClient();

    return useMutation({
        mutationFn: (data) => {
            return setFavourite(data.uuid, data.remove)
        },
        onSuccess: () => {
            queryClient.invalidateQueries({queryKey: ['favourites'], refetchType: 'all'});
        },
        ...options
    });
};

export function useFavourite(options: UseMutationOptions = {}) {
    const queryClient = useQueryClient();

    return useMutation({
        mutationFn: (data) => {
            return setFavourite(data.uuid, data.remove)
        },
        onSuccess: () => {
            queryClient.invalidateQueries({queryKey: ['favourites'], refetchType: 'all'});
        },
        ...options
    });
};

queryClient.invalidateQueries works... but only for a while

Similar Threads

queryClient.invalidateQueries works... but only for a while

Similar Threads

Similar Threads

Similar Threads