getStrictContext

1import * as React from "react";
2 
3function getStrictContext<T>(
4  name?: string
5): readonly [
6  ({
7    value,
8    children,
9  }: {
10    value: T;
11    children?: React.ReactNode;
12  }) => React.JSX.Element,
13  () => T,
14] {
15  const Context = React.createContext<T | undefined>(undefined);
16 
17  const Provider = ({
18    value,
19    children,
20  }: {
21    value: T;
22    children?: React.ReactNode;
23  }) => <Context.Provider value={value}>{children}</Context.Provider>;
24 
25  const useSafeContext = () => {
26    const ctx = React.useContext(Context);
27    if (ctx === undefined) {
28      throw new Error(`useContext must be used within ${name ?? "a Provider"}`);
29    }
30    return ctx;
31  };
32 
33  return [Provider, useSafeContext] as const;
34}
35 
36export { getStrictContext };