Return type of combined useQueries in vue-query

[agroebe]

In vue-query, the useQuery hook returns an object of Refs that is easy to destructure from (similar to React examples), without losing any reactivity.

However, when using the useQueries hook together with the combine callback, the return type becomes a Ref itself. This makes it tricky to work with.

Consider the following example:

❌ Properties data, isPending, refetch, does not exist on type `ReadOnly<Ref>...` const { data, isPending, refetch } = useQueries({ queries: [ ... ], combine: (results) => { return { data: results.flatMap((result) => result.data), isPending: results.some((result) => result.isPending), refetch: () => results.forEach((result) => result.refetch()), } } }) 

Because it returns a Ref, the only thing I'm left to destructure is value: const { value } = useQueries...

I understand there are alternatives and workarounds, but I love the convenience of being able to destructure from the hook itself. Is there any reason the data returned needs to be structured in this way? I was under the impression that using combine in a useQueries hook should make it able to be consumed as it if were from a useQuery.