Provide use[Lazy]Query(...).reobserve in addition to refetch.

apollographql · Apr 4, 2022 · 89af070 · 89af070
1 parent f164b1b
commit 89af070
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 1 deletion.
diff --git a/src/react/components/__tests__/client/Query.test.tsx b/src/react/components/__tests__/client/Query.test.tsx
@@ -59,6 +59,7 @@ describe('Query component', () => {
             observable,
             fetchMore,
             refetch,
+            reobserve,
             startPolling,
             stopPolling,
             subscribeToMore,

diff --git a/src/react/hooks/useLazyQuery.ts b/src/react/hooks/useLazyQuery.ts
@@ -17,6 +17,7 @@ import { isNonEmptyArray } from '../../utilities';
 // whether the useLazyQuery execute function was called before.
 const EAGER_METHODS = [
   'refetch',
+  'reobserve',
   'fetchMore',
   'updateQuery',
   'startPolling',
@@ -76,7 +77,7 @@ export function useLazyQuery<TData = any, TVariables = OperationVariables>(
   const execute = useCallback<
     LazyQueryResultTuple<TData, TVariables>[0]
   >(executeOptions => {
-    const promise = result.observable.reobserve(
+    const promise = result.reobserve(
       execOptionsRef.current = executeOptions ? {
         ...executeOptions,
         fetchPolicy: executeOptions.fetchPolicy || initialFetchPolicy,

diff --git a/src/react/hooks/useQuery.ts b/src/react/hooks/useQuery.ts
@@ -282,6 +282,7 @@ class InternalState<TData, TVariables> {
       return {
         // These methods are available directly from result.observable now.
         refetch: wrap("refetch"),
+        reobserve: wrap("reobserve"),
         fetchMore: wrap("fetchMore"),
         updateQuery: wrap("updateQuery"),
         startPolling: wrap("startPolling"),

diff --git a/src/react/types/types.ts b/src/react/types/types.ts
@@ -59,6 +59,7 @@ export type ObservableQueryFields<TData, TVariables> = Pick<
   | 'subscribeToMore'
   | 'updateQuery'
   | 'refetch'
+  | 'reobserve'
   | 'variables'
   | 'fetchMore'
 >;