diff --git a/packages/vue-query/src/useQueries.ts b/packages/vue-query/src/useQueries.ts index 3b190b374d..249598196e 100644 --- a/packages/vue-query/src/useQueries.ts +++ b/packages/vue-query/src/useQueries.ts @@ -5,13 +5,13 @@ import { getCurrentScope, onScopeDispose, readonly, - ref, + shallowRef, watch, } from 'vue-demi' import { useQueryClient } from './useQueryClient' import { cloneDeepUnref } from './utils' -import type { Ref } from 'vue-demi' +import type { ShallowRef } from 'vue-demi' import type { DefaultError, DefinedQueryObserverResult, @@ -259,7 +259,7 @@ export function useQueries< combine?: (result: UseQueriesResults) => TCombinedResult }, queryClient?: QueryClient, -): Readonly> { +): Readonly> { if (process.env.NODE_ENV === 'development') { if (!getCurrentScope()) { console.warn( @@ -294,7 +294,7 @@ export function useQueries< defaultedQueries.value, (options as QueriesObserverOptions).combine, ) - const state = ref(getCombinedResult()) as Ref + const state = shallowRef(getCombinedResult()) let unsubscribe = () => { // noop @@ -343,5 +343,5 @@ export function useQueries< unsubscribe() }) - return readonly(state) as Readonly> + return readonly(state) as Readonly> }