Framework
Version

queryOptions

tsx
queryOptions({
  queryKey,
  ...options,
})
queryOptions({
  queryKey,
  ...options,
})

Options

You can generally pass everything to queryOptions that you can also pass to useQuery. Some options will have no effect when then forwarded to a function like queryClient.prefetchQuery, but TypeScript will still be fine with those excess properties.

  • queryKey: QueryKey
    • Required
    • The query key to generate options for.
  • experimental_prefetchInRender?: boolean
    • Optional
    • Defaults to false
    • When set to true, queries will be prefetched during render, which can be useful for certain optimization scenarios
    • Needs to be turned on for the experimental useQuery().promise functionality
Want to Skip the Docs?
Query.gg - The Official React Query Course
“This course is the best way to learn how to use React Query in real-world applications.”—Tanner Linsley
Get the course