fetchQuery inside useQuery with the same queryKey causes infinite loading

[filipw01]

Describe the bug

When using fetchQuery inside useQuery with the same queryKey causes infinite loading

Your minimal, reproducible example

https://stackblitz.com/edit/vitejs-vite-qqzwgwu2?file=src%2FApp.tsx

Steps to reproduce

1. Open reproduction
2. See that loading state is displayed
3. Change one of the 2 query keys so they are not the same
4. See the expected loaded state

Expected behavior

I expect the resource to load instead of getting stuck on isLoading

How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform

MacOs Chrome 131.0.6778.205

Tanstack Query adapter

react-query

TanStack Query version

5.62.11

TypeScript version

5.5.4

Additional context

It used to work in v4, I noticed this issue after upgrading to v5

[TkDodo]

This is expected. useQuery starts the fetch, and runs the queryFn. That queryFn then calls fetchQuery for the same key, so de-duplication kicks in and we return the already running promise. Now you have a promise that "waits for itself".

Besides that, using two different queryFns for the same key is likely not a good idea.