Query Options

1
import { queryOptions } from '@tanstack/react-query'
2

3
function groupOptions(id: number) {
4
  return queryOptions({
5
    queryKey: ['groups', id],
6
    queryFn: () => fetchGroups(id),
7
    staleTime: 5 * 1000,
8
  })
9
}
10

11
// usage:
12

13
useQuery(groupOptions(1))
14
useSuspenseQuery(groupOptions(5))
15
useQueries({
16
  queries: [groupOptions(1), groupOptions(2)],
17
})
18
queryClient.prefetchQuery(groupOptions(23))
19
queryClient.setQueryData(groupOptions(42).queryKey, newGroups)