For AI agents: the complete documentation index is available at /next/llms.txt, the full documentation bundle is available at /next/llms-full.txt, and this page is available as Markdown at /next/api/react/Functions/createContext.md.
  • English
  • Function: createContext()

    createContext<T>(defaultValue: T): Context<T>

    Lets you create a Context that components can provide or read.

    Type Parameters

    Type Parameter
    T

    Parameters

    ParameterTypeDescription
    defaultValueTThe value you want the context to have when there is no matching Provider in the tree above the component reading the context. This is meant as a "last resort" fallback.

    Returns

    Context<T>

    See

    Example

    import { createContext } from 'react';
    
    const ThemeContext = createContext('light');
    function App() {
      return (
        <ThemeContext value="dark">
          <Toolbar />
        </ThemeContext>
      );
    }
    Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.