diff --git a/packages/web/src/components/GraphQLHooksProvider.tsx b/packages/web/src/components/GraphQLHooksProvider.tsx index 3031e16e9..3c888941b 100644 --- a/packages/web/src/components/GraphQLHooksProvider.tsx +++ b/packages/web/src/components/GraphQLHooksProvider.tsx @@ -1,7 +1,11 @@ import React from 'react' -import type { - OperationVariables, +import type { OperationVariables } from '@apollo/client' +import { + useQuery as apolloUseQuery, + useMutation as apolloUseMutation, + useSubscription as apolloUseSubscription, + useSuspenseQuery as apolloUseSuspenseQuery, useBackgroundQuery as apolloUseBackgroundQuery, useReadQuery as apolloUseReadQuery, } from '@apollo/client' @@ -69,39 +73,12 @@ export interface GraphQLHooks< } export const GraphQLHooksContext = React.createContext({ - useQuery: () => { - throw new Error( - 'You must register a useQuery hook via the `GraphQLHooksProvider`', - ) - }, - useMutation: () => { - throw new Error( - 'You must register a useMutation hook via the `GraphQLHooksProvider`', - ) - }, - useSubscription: () => { - throw new Error( - 'You must register a useSubscription hook via the `GraphQLHooksProvider`', - ) - }, - useSuspenseQuery: () => { - throw new Error( - 'You must register a useSuspenseQuery hook via the `GraphQLHooksProvider`.', - ) - }, - - // These are apollo specific hooks! - useBackgroundQuery: () => { - throw new Error( - 'You must register a useBackgroundQuery hook via the `GraphQLHooksProvider`.', - ) - }, - - useReadQuery: () => { - throw new Error( - 'You must register a useReadQuery hook via the `GraphQLHooksProvider`.', - ) - }, + useQuery: apolloUseQuery, + useMutation: apolloUseMutation, + useSubscription: apolloUseSubscription, + useSuspenseQuery: apolloUseSuspenseQuery, + useBackgroundQuery: apolloUseBackgroundQuery, + useReadQuery: apolloUseReadQuery, }) interface GraphQlHooksProviderProps< diff --git a/packages/web/src/index.ts b/packages/web/src/index.ts index 3a93867d2..966a68c5f 100644 --- a/packages/web/src/index.ts +++ b/packages/web/src/index.ts @@ -8,7 +8,6 @@ export { useFetchConfig, } from './components/FetchConfigProvider.js' export { - GraphQLHooksProvider, useQuery, useMutation, useSubscription,