createContext() — react Function Reference

Architecture documentation for the createContext() function in createContext.ts from the react codebase.

Function typescript PlaygroundApp Stores

Entity Profile

PlaygroundApp→ Stores→ createContext() — react Function Reference

Dependency Diagram

graph TD
  6a454731_ba9a_e18e_d991_1e1a1c3d5669["createContext()"]
  49642e97_a10e_5f44_62bd_268b445bc02f["createContext.ts"]
  6a454731_ba9a_e18e_d991_1e1a1c3d5669 -->|defined in| 49642e97_a10e_5f44_62bd_268b445bc02f
  style 6a454731_ba9a_e18e_d991_1e1a1c3d5669 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/apps/playground/lib/createContext.ts lines 26–40

export default function createContext<T>(): {
  useContext: () => NonNullable<T>;
  Provider: React.Provider<T | null>;
} {
  const context = React.createContext<T | null>(null);

  function useContext(): NonNullable<T> {
    const c = React.useContext(context);
    if (!c)
      throw new Error('useContext must be within a Provider with a value');
    return c;
  }

  return {useContext, Provider: context.Provider};
}