Function useClientRequest

packages/graphql-hooks/src/useClientRequest.ts:88–326

(
  query: string | TypedDocumentNode<ResponseData, Variables>,
  initialOpts: UseClientRequestOptions<ResponseData, Variables> = {}
)

  opts.skipCache: Boolean
*/
function useClientRequest<
  ResponseData = any,
  Variables = object,
  TGraphQLError extends GraphQLResponseError = GraphQLResponseError
>(
  query: string | TypedDocumentNode<ResponseData, Variables>,
  initialOpts: UseClientRequestOptions<ResponseData, Variables> = {}
): [
  FetchData<ResponseData, Variables, TGraphQLError>,
  UseClientRequestResult<ResponseData, TGraphQLError>,
  ResetFunction
] {
  const queryString = stringifyDocumentNode(query)
  const operationName = initialOpts.operationName ?? extractOperationName(query)

  const contextClient = React.useContext(ClientContext)
  const client = initialOpts.client || contextClient

  if (client === null || client === undefined) {
    throw new Error(
      'A client must be provided in order to use the useClientRequest hook.'
    )
  }

  const isMounted = React.useRef(true)
  const activeCacheKey = React.useRef<CacheKeyObject | null>(null)
  const operation = {
    query: queryString,
    variables: initialOpts.variables,
    operationName,
    persisted: initialOpts.persisted
  } as any

  if (
    initialOpts.persisted ||
    (client.useGETForQueries && !initialOpts.isMutation)
  ) {
    initialOpts.fetchOptionsOverrides = {
      ...initialOpts.fetchOptionsOverrides,
      method: 'GET'
    }
  }

  const cacheKey = client.getCacheKey(operation, initialOpts)
  const isDeferred =
    initialOpts.isMutation || initialOpts.isManual || initialOpts.skip
  const initialCacheHit =
    initialOpts.skipCache || !client.cache || !cacheKey
      ? null
      : client.cache.get(cacheKey)
  const initialState = {
    ...initialCacheHit,
    cacheHit: !!initialCacheHit,
    loading: isDeferred ? false : !initialCacheHit
  }
  const [state, dispatch] = React.useReducer(reducer, initialState)

  // NOTE: state from useReducer is only initialState on the first render