React context TypeScript

Context in React allows you to pass data to any component without “prop drilling”.

Context is used to share data which can be considered “global” for React components tree and use that data where needed, such as the current authenticated user, theme, etc . For example, in the below code snippet, we manually thread through a “theme” prop to style the Button component.

Context is designed to share data that can be considered “global” for a tree of React components, such as the current authenticated user, theme, or preferred language . For example, in the code below we manually thread through a “theme” prop in order to style the Button component: class App extends React.