Can I do soft refetch?

[AuroPick]

I know refetch does hard-refetch but I want refetch not to call api if data is still stale. Is it possible?

requests.ts

import grocerRequest from './grocerConfig'
import { GetGrocerCampaignsResponse, getGrocerCampaignsResponseSchema } from './types'

export const getCampaigns = async (): Promise<GetGrocerCampaignsResponse> => {
  const { data } = await grocerRequest.get<GetGrocerCampaignsResponse>('xxxxxx')

  getGrocerCampaignsResponseSchema.parse(data)

  return data
}

useGrocerCampaigns.ts

import { useQuery } from '@tanstack/react-query'

import { getCampaigns } from '../service/grocerRequests'

export const useGrocerCampaigns = () =>
  useQuery({
    queryKey: ['grocer', 'campaigns'],
    queryFn: getCampaigns,
    staleTime: 5 * 1000 // 5 seconds
  })

somescreen.tsx

const { data, refetch } = useGrocerCampaigns()

I want to try refetch when user change bottom tabs or pull flatlist but not hard-refetch. I don't want users to spam servers

[TkDodo]

you mean you want to ONLY refetch IF data is stale and NOT refetch if its FRESH.

for that, you can use queryClient.fetchQuery and pass a staleTime to it.