Context

Context is a way to share data between components without having to pass props down through the component tree.

It is based on the community protocols proposal.

Creating a Context

To create a context you can use the createContext function. This function takes a generic type that represents the type of the context.

export const myContext = createContext<{ value: string }>(Symbol('my-context'));

Please read the context provider documentation to learn how to provide a context to a component and the context consumer documentation to learn how to consume it.