Update dependent-queries.md

[jomefavourite]

This is to show how the useQueries hook can also be dependent on a query.

---

useQueries dependent Query

Dynamic parallel query - useQueries can depend on a previous query also, here's how to achieve this:

// Get the users Data
const { data: users } = useQuery({
  queryKey: ['users'],
  queryFn: getUsersData,
})

const usersId = users?.filter(user => user?.id)

// Then get the user's messages
const usersMessages = useQueries({
  queries: users
    ? usersId.map(id => {
        return {
          queryKey: ['messages', id],
          queryFn: () => getMessagesByUsers(id),
        };
      })
  : [], // if users is underfined an empty array will be returned
})

Note that useQueries return an array of query results

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
query	⬜️ Ignored (Inspect)	Visit Preview		Sep 6, 2023 0:29am

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 28a94e2:

Sandbox	Source
@tanstack/query-example-react-basic-typescript	Configuration
@tanstack/query-example-solid-basic-typescript	Configuration
@tanstack/query-example-svelte-basic	Configuration
@tanstack/query-example-vue-basic	Configuration