diff --git a/src/views/ClusterView.vue b/src/views/ClusterView.vue
index 2fb105aba968132e89750318c9fc8ef4dc3d410e..a4c3df60bc48b55308614713b2f499bea7eddbbc 100644
--- a/src/views/ClusterView.vue
+++ b/src/views/ClusterView.vue
@@ -2,7 +2,7 @@
 /**
  * Vue imports
  */
-import { computed } from 'vue'
+import { computed, toRef } from 'vue'
 /**
  * Components imports
  */
@@ -48,9 +48,9 @@ const props = defineProps<{
  */
 const gqlQuery = useQuery({
   query: clusterByIdQuery,
-  variables: {
+  variables: toRef(() => ({
     where: { id: props.clusterId }
-  }
+  }))
 })
 
 /**
diff --git a/src/views/GuideView.vue b/src/views/GuideView.vue
index cd027a406ce239a65c2495eb75fac53087d455d9..b2de318aa595edd9eb54b0ac3a80ff92166fb2e5 100644
--- a/src/views/GuideView.vue
+++ b/src/views/GuideView.vue
@@ -2,7 +2,7 @@
 /**
  * Vue imports
  */
-import { computed } from 'vue'
+import { computed, toRef } from 'vue'
 /**
  * Components imports
  */
@@ -71,7 +71,7 @@ const props = defineProps<{
  */
 const gqlQuery = useQuery({
   query: guideByIdQuery,
-  variables: {
+  variables: toRef(() => ({
     where: { id: props.guideId },
     targetsWhere: {
       modifications_SOME: {
@@ -80,7 +80,7 @@ const gqlQuery = useQuery({
         }
       }
     }
-  }
+  }))
 })
 
 /**
diff --git a/src/views/ModificationView.vue b/src/views/ModificationView.vue
index 0ed82995e26ac30a7cdfd81b154c9144e1cb070c..851d864da6a49cc3d7b4c86833618b0c81a84dc2 100644
--- a/src/views/ModificationView.vue
+++ b/src/views/ModificationView.vue
@@ -2,7 +2,7 @@
 /**
  * Vue imports
  */
-import { computed } from 'vue'
+import { computed, toRef } from 'vue'
 /**
  * Components imports
  */
@@ -48,7 +48,7 @@ const props = defineProps<{
  */
 const gqlQuery = useQuery({
   query: modificationByIdQuery,
-  variables: {
+  variables: toRef(() => ({
     where: { id: props.modificationId },
     guidesWhere: {
       modifications_SOME: {
@@ -60,7 +60,7 @@ const gqlQuery = useQuery({
         id: props.modificationId
       }
     }
-  }
+  }))
 })
 
 /**
diff --git a/src/views/StatisticsView.vue b/src/views/StatisticsView.vue
index af329c3e744218c6a8f876e2f323534f1a08397e..c7033d60aa3212b0c7709aea4f3b38f985f5a02a 100644
--- a/src/views/StatisticsView.vue
+++ b/src/views/StatisticsView.vue
@@ -2,7 +2,7 @@
 /**
  * Vue imports
  */
-import { ref, computed } from 'vue'
+import { ref, computed, toRef } from 'vue'
 /**
  * Components imports
  */
@@ -56,7 +56,7 @@ const props = defineProps<{
  */
 const gqlQuery = useQuery({
   query: speciesByIdQuery,
-  variables: {
+  variables: toRef(() => ({
     where: { id: props.speciesId },
     modificationsWhere: {
       target: {
@@ -81,7 +81,7 @@ const gqlQuery = useQuery({
         }
       }
     }
-  }
+  }))
 })
 
 /**
diff --git a/src/views/TargetView.vue b/src/views/TargetView.vue
index 377d102f1d53af59ce9ec5e30b1ae6e9aa19fe9b..13d2b6188219d306b9d4b46d71938cdccc7e2e83 100644
--- a/src/views/TargetView.vue
+++ b/src/views/TargetView.vue
@@ -2,7 +2,7 @@
 /**
  * Vue imports
  */
-import { computed } from 'vue'
+import { computed, toRef } from 'vue'
 /**
  * Components imports
  */
@@ -69,7 +69,7 @@ const props = defineProps<{
  */
 const gqlQuery = useQuery({
   query: targetByIdQuery,
-  variables: {
+  variables: toRef(() => ({
     where: { id: props.targetId },
     guidesWhere: {
       modifications_SOME: {
@@ -78,7 +78,7 @@ const gqlQuery = useQuery({
         }
       }
     }
-  }
+  }))
 })
 
 /**