automatic refetching only on key change (no refetch of stale data)

[dominikdosoudil]

Use case:

• User wants to refetch data manually (click) so the list items do not change too often and he is able to read it.

The idea:

• Disable query so it does not change itself,
• invalidate query when I know that there are new records (websocket event),
• let the user know that he can refetch showing him a button {query.isStale ? <button ... /> : null}

Unfortunately I expected that isStale would still change even if the query is disabled but it does not. Refetching the disabled query works tho. Is there a way how to make it work?

@tanstack/[email protected]

Code snippets with my configuration:

  queryOptions({
    queryKey: ['foo', page],
    queryFn: async () => {
      ...
    },
    retry: false,
    placeholderData: keepPreviousData,
    staleTime: Infinity,
    enabled: false,
  });

     queryClient.invalidateQueries({
        queryKey: ['foo'],
        type: 'all',
      });

EDIT:

Actually, changing page won't work as well. I've got confused while trying different options.
Anyway, I guess that I need something like: refetchOnStale: false but I couldn't found anything like that in the docs.

[TkDodo]

Funny because I’ve just implicitly addressed it in this PR:

• Feature/stale time on query #8313

I used to make a fix that said that disabled queries shouldn’t be shown as stale, but I think that was wrong. If we ship the above PR, this should be fixed.

[dominikdosoudil]

@TkDodo Wow, that's cool. I believe this would be really helpful in my scenario. Thanks

However I will still be unable to acquire the behaviour "Refetch on key change, do not refetch when it becomes stale" am I right?