From 76f19f6e0c73d36a7099b48dbf9c020ab5e4eb7f Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Wed, 29 Nov 2023 14:37:33 +0100
Subject: [PATCH] fix: use shallowRef for apollo query

---
 packages/vue-apollo-composable/src/useQuery.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/vue-apollo-composable/src/useQuery.ts b/packages/vue-apollo-composable/src/useQuery.ts
index 23e7ccdc..5b051c63 100644
--- 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