Invalidate disabled infinite query

[ranshine]

I am having some infinite query list and i am trying to delete one item from that list , after that i am calling invalidate query still it is not calling.

fetching list:

const { data, isLoading, isError, hasNextPage, fetchNextPage } =
useInfiniteQuery("posts", fetchPosts, {
refetchOnMount: false,
refetchOnWindowFocus: false,
enabled:false,
getNextPageParam: (lastPage, pages) => {
if (lastPage.nextPage < lastPage.totalPages) return lastPage.nextPage;
return undefined;
},
});

delete item:

const mutation = useMutation(deleteItem, {
onSuccess: () => {
queryClient.invalidateQueries('posts')
},
})

not refreshing list

[TkDodo]

disabled queries can only refetch in two ways:

• by enabling them
• by calling refetch returned from useInfiniteQuery.

That is per design. Why is your query disabled?

[TkDodo]

i don't quite follow. usually, you disable a query until all parameters are ready...

[ranshine]

how can i use refetch in other components which is a parameter useInifiniteQuery

[ranshine]

i can use refetchqueries for disable query right like this await queryClient.refetchQueries(“posts”);

[ranshine]

if i call invalidate queries for useInfinitequery, some dummy calls are going, if i do resetqueries before invalidate query then it is working fine

[TkDodo]

sorry, I don't really understand what you are trying to achieve. You are asking very specific questions. It would be better if you'd explain, on a higher level, what problem you have that you are trying to solve...

I can see "refetch with parameter", and that usually boils down to:

• putting the dependencies into the queryKey
• setting enabled conditionally

[netojose]

I spent a lot of time and my infiniteQuery wasn't being invalidated and or refetched via queryClient. But, in the end, reading this, I could to understand if the query is enabled: false, it's impossible achieve this, except following the steps mentioned above.

Thanks for the explanation, @TkDodo .