fix: use shallowRef for apollo query

vuejs · Nov 29, 2023 · 76f19f6 · 76f19f6 · rebz · Dec 7, 2023
1 parent 21fca98
commit 76f19f6
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/vue-apollo-composable/src/useQuery.ts b/packages/vue-apollo-composable/src/useQuery.ts
@@ -8,6 +8,7 @@ import {
   getCurrentInstance,
   onBeforeUnmount,
   nextTick,
+  shallowRef,
 } from 'vue-demi'
 import { DocumentNode } from 'graphql'
 import type {
@@ -218,7 +219,7 @@ export function useQueryImpl<
 
   // Query
 
-  const query: Ref<ObservableQuery<TResult, TVariables> | null | undefined> = ref()
+  const query: Ref<ObservableQuery<TResult, TVariables> | null | undefined> = shallowRef()
   let observer: ObservableSubscription | undefined
   let started = false
   let ignoreNextResult = false