# Interface Context<T>

Context lets components pass information deep down without explicitly passing props.

Created from createContext

#### See

- React Docs
- React TypeScript Cheatsheet

#### Example

    import { createContext } from 'react';

    const ThemeContext = createContext('light');

interface Context<T> {
Consumer: Consumer<T>;
Provider: Provider<T>;
displayName?: string;
}

#### Type Parameters

- T

- Defined in common/temp/node_modules/.pnpm/@types+react@18.3.3/node_modules/@types/react/index.d.ts:743

#####
Index

### Properties

Consumer
Provider
displayName?

## Properties

### Consumer

Consumer: Consumer<T>

- Defined in common/temp/node_modules/.pnpm/@types+react@18.3.3/node_modules/@types/react/index.d.ts:745

### Provider

Provider: Provider<T>

- Defined in common/temp/node_modules/.pnpm/@types+react@18.3.3/node_modules/@types/react/index.d.ts:744

### `Optional` displayName

displayName?: string

Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.

#### See

Legacy React Docs

- Defined in common/temp/node_modules/.pnpm/@types+react@18.3.3/node_modules/@types/react/index.d.ts:753