(react/preact) - Force suspense to be disabled for executeQuery calls (…

…#1181) Fix #1180
urql-graphql · Nov 27, 2020 · 685ca18 · 685ca18
1 parent b48652b
commit 685ca18
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/.changeset/hungry-penguins-teach.md b/.changeset/hungry-penguins-teach.md
@@ -0,0 +1,6 @@
+---
+'@urql/preact': patch
+'urql': patch
+---
+
+Add `suspense: false` to options when `executeQuery` is called explicitly.
diff --git a/packages/preact-urql/src/hooks/useQuery.ts b/packages/preact-urql/src/hooks/useQuery.ts
@@ -175,7 +175,9 @@ export function useQuery<Data = any, Variables = object>(
 
   // This is the imperative execute function passed to the user
   const executeQuery = useCallback(
-    (opts?: Partial<OperationContext>) => update(makeQuery$(opts)),
+    (opts?: Partial<OperationContext>) => {
+      update(makeQuery$({ suspense: false, ...opts }));
+    },
     [update, makeQuery$]
   );
 

diff --git a/packages/react-urql/src/hooks/useQuery.ts b/packages/react-urql/src/hooks/useQuery.ts
@@ -175,7 +175,9 @@ export function useQuery<Data = any, Variables = object>(
 
   // This is the imperative execute function passed to the user
   const executeQuery = useCallback(
-    (opts?: Partial<OperationContext>) => update(makeQuery$(opts)),
+    (opts?: Partial<OperationContext>) => {
+      update(makeQuery$({ suspense: false, ...opts }));
+    },
     [update, makeQuery$]
   );