TypeScriptからReactを使う場合を前提とします。 Reactにおけるコンテキスト Reactには コンテキスト(Context) という仕組みがあり、コンポーネントの階層を飛び越えて深い階層にあるコンポーネントとも値をやり取りできます。コンテキストを使うと、コンポーネント階層のあちこちにprops経由で値を引き回す煩雑さを避けられます。 コンテキストの解説としては、公式ドキュメントがとてもよくまとまっています。 コンテキストの使い方は、難しいことを考えないならば単純です。 createContextでコンテキストを表すオブジェクトを作る。このときデフォルト値を指定する TypeScriptレベルでは値の一種だが、プロバイダとしての値はまだ設定されていないので、実質的には型という感じ コンテキストを表すオブジェクトにはProviderという属性が生えているので、これにvalue引