Feature Request: allow setting query data without changing query status

[Rinaldo]

I have to integrate some apis that return nd-json and take a few seconds to complete the response. I'd like to stream the response so users see at least some data quickly. To do this with tanstack query I'm using the following.

const useStreamingQueryFn = <TData, TQueryKey extends QueryKey = QueryKey>(
  streamingFn: (context: QueryFunctionContext<TQueryKey>) => AsyncIterable<TData>
) => {
  const queryClient = useQueryClient();
  return async (context: QueryFunctionContext<TQueryKey>) => {
    const { queryKey } = context;
    let interval;
    const items: TData[] = [];
    const setData = () => items.length && queryClient.setQueryData<TData[]>(queryKey, [...items]);
    try {
      const iterator = streamingFn(context);
      interval = setInterval(setData, 250); // throttle updates
      for await (const item of iterator) {
        items.push(item);
      }
      return [...items];
    } finally {
      setData();
      clearInterval(interval);
    }
  }
}

Then in the component I have

const queryFn = useStreamingQueryFn(async function* ({ signal }) {
  const res = await fetch("/api/ndjson", { signal });
  yield* ndJson(res.body)
})
const queryResult = useQuery({
  queryKey: ["some", "key"],
  queryFn
})

This all works, but calling setQueryData sets the query status to success. That's reasonable default behavior but I'd like an option to set the data without updating the status so I can keep displaying a loading indicator until everything has loaded.

Feature Request

• Add an option to queryClient.setQueryData to not update query state along with the data
• Add queryClient to QueryFnContext so the streaming query function doesn't need to be a hook
  • Alternatively, add a setQueryData function to QueryFnContext, possibly one with the queryKey already set

Older discussion