Don't clear error while failed query is refetching

[Tarow]

When a query initially fails, i would like to display the error and keep trying to refetch in the background using refetchInterval, until eventually i might get data back.

Now whenever the query is refetching, the previous error is cleared.
An example is here: https://stackblitz.com/edit/tanstack-query-gldaab?file=src%2Findex.jsx

Every five seconds the query refetches and clears the previous error while it's fetching.
Is there a way to persist the error and just try to refetch in the background?

[TkDodo]

don't think so. Errors are explicitly reset when a fetch is triggered:

query/packages/query-core/src/query.ts

Lines 549 to 552 in b32ad24

	...(!state.dataUpdatedAt && {
	error: null,
	status: 'pending',
	}),

[KODerFunk]

@Tarow
Basic concept

const { error, isSuccess, isFetched } = useQuery(...);
const errorRef = useRef(error);
if (error || isSuccess) errorRef.current = error;

console.log('Preserved error:', { isFetching, error: errorRef.current });