graphql-react/useLoading.mjs

A GraphQL client for React using modern context and hooks APIs that’s lightweight (< 4 kB) but powerful; the first Relay and Apollo alternative with server side rendering.

import React from "react";
import Loading from "./Loading.mjs";
import LoadingContext from "./LoadingContext.mjs";

/**
 * A React hook to get the [loading context]{@link LoadingContext}.
 * @kind function
 * @name useLoading
 * @returns {Loading} Loading.
 * @example <caption>How to import.</caption>
 * ```js
 * import useLoading from "graphql-react/useLoading.mjs";
 * ```
 */
export default function useLoading() {
  const loading = React.useContext(LoadingContext);

  React.useDebugValue(loading);

  if (loading === undefined) throw new TypeError("Loading context missing.");

  if (!(loading instanceof Loading))
    throw new TypeError("Loading context value must be a `Loading` instance.");

  return loading;
}