dependent-queries.md

id	dependent-queries
title	Dependent Queries
ref	docs/framework/react/guides/dependent-queries.md
replace	useQuery useQueries injectQuery injectQueries

// Get the user
userQuery = injectQuery(() => ({
  queryKey: ['user', this.email()],
  queryFn: this.getUserByEmail,
}))

// Then get the user's projects
projectsQuery = injectQuery(() => ({
  queryKey: ['projects', this.userQuery.data()?.id],
  queryFn: this.getProjectsByUser,
  // The query will not execute until the user id exists
  enabled: !!this.userQuery.data()?.id,
}))

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

// Get the users ids
userIdsQuery = injectQuery(() => ({
  queryKey: ['users'],
  queryFn: getUsersData,
  select: (users) => users.map((user) => user.id),
}))

// Then get the users' messages
usersMessages = injectQueries(() => ({
  queries:
    this.userIdsQuery.data()?.map((id) => ({
      queryKey: ['messages', id],
      queryFn: () => getMessagesByUsers(id),
    })) ?? [],
}))