Why is our application calling route multiple times?

[kopax-polyconseil]

We are working on this application which use [email protected].

So far, we can see two react query hooks that are calling our endpoints too many times: /me, /favorites:

Our hooks looks like :

  const { isLoggedIn } = useAuthContext()

  return useQuery<PaginatedFavoritesResponse>(
    QueryKeys.FAVORITES,
    () => api.getnativev1mefavorites(),
    {
      enabled: isLoggedIn,
    }
  )

and

export function useUserProfileInfo(options = {}) {
  const { isLoggedIn } = useAuthContext()

  return useQuery<UserProfileResponse>(QueryKeys.USER_PROFILE, () => api.getnativev1me(), {
    enabled: isLoggedIn,
    ...options,
  })
}

We use a react query cache provider, we expected to see react-query handling the queries strategy, instead, we see multiple queries. Any clue what is going on wrong

[TkDodo]

please read the Important Defaults section in the docs. With the default staleTime of zero, react-query will do background updates to keep your data accurate.

[kopax-polyconseil]

Those requests seems to be called in a row, like if it was re-rendering and calling as much as it re-renders, is it expected with react-query? After reading the whole documentation and watching a few videos, it seemed to me that the ReactQueryCacheProvider should cache this and prevent such bug.

[TkDodo]

Impossible to say without some code. Possibly you are mounting instead of rerendering. Also, ReactQueryCacheProvider only exists on v2, not v3 🤔