How to make Dynamic Parallel Queries that depend on another query ?

[rossifumi46]

Something like this:

const userQueries = useQueries(
    parkings.map((parking) => {
      return {
        queryKey: ['getDays', { parkingPlaceId: parking },  token]
        queryFn: getDays(),
      }
    }), {
      enabled: !!parkings,
    }
  )

[TkDodo]

If they depend on the previous one, you can’t run them in parallel 🙃

[rossifumi46]

sorry for my english. I mean they all depend on another query that returns parkings list

[TkDodo]

Ah, like so?

const userQueries = useQueries(
    parkings.map((parking) => {
      return {
        queryKey: ['getDays', { parkingPlaceId: parking },  token]
        queryFn: getDays(),
        enabled: !!parkings,
      }
    }),
  )

[onkarj422]

But, if parkings list is empty, it will mount the useQueries with an empty array. And it doesn't seem to be working that way because even when parkings list is updated, actual useQueries hook won't update

[TkDodo]

Can you create a codesandbox example of that behavior?