TanStackQuery v4
Framework
Version
Menu
Getting Started
Guides & Concepts
Community Resources
API Reference
ESLint
Plugins
Examples

QueriesObserver

QueriesObserver

The QueriesObserver can be used to observe multiple queries.

tsx
tsx
const observer = new QueriesObserver(queryClient, [
  { queryKey: ['post', 1], queryFn: fetchPost },
  { queryKey: ['post', 2], queryFn: fetchPost },
])
const unsubscribe = observer.subscribe((result) => {
  console.log(result)
  unsubscribe()
})
tsx
tsx
const observer = new QueriesObserver(queryClient, [
  { queryKey: ['post', 1], queryFn: fetchPost },
  { queryKey: ['post', 2], queryFn: fetchPost },
])
const unsubscribe = observer.subscribe((result) => {
  console.log(result)
  unsubscribe()
})

Options

The options for the QueriesObserver are exactly the same as those of useQueries.

Edit on GitHub
InfiniteQueryObserver
focusManager
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
Check it out