(react) - fix issue where the cache infinitely loops (#2237)

* fix issue where the cache infinitely loops * Create selfish-singers-nail.md * Update useQuery.ts
urql-graphql · Feb 2, 2022 · d3634b1 · d3634b1
1 parent 1ec08fa
commit d3634b1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/selfish-singers-nail.md b/.changeset/selfish-singers-nail.md
@@ -0,0 +1,5 @@
+---
+"urql": patch
+---
+
+fix issue where the cache infinitely loops
diff --git a/packages/react-urql/src/hooks/useQuery.ts b/packages/react-urql/src/hooks/useQuery.ts
@@ -99,10 +99,11 @@ export function useQuery<Data = any, Variables = object>(
               !result
           ),
           subscribe(_result => {
+            result = _result;
             if (suspense) {
               cache.set(request.key, result);
             }
-            result = _result;
+
             if (resolve) {
               resolve(result);
               resolve = undefined;
@@ -136,10 +137,10 @@ export function useQuery<Data = any, Variables = object>(
       const unsub = pipe(
         source,
         subscribe(_result => {
+          result = _result;
           if (suspense) {
             cache.set(request.key, result);
           }
-          result = _result;
           notify();
         })
       ).unsubscribe;