何か(what)

何が嬉しいか(why /when/where)

どう実装するか(how)

コンテクストは下の 3 つの手順で実現できる。

1. コンテクストを作成する。（ここでは見出しレベル用なので LevelContext と呼ぶ。）
2. データを必要とするコンポーネントがそのコンテクストを使用 (use) する。（Heading が LevelContext を使用する。）
3. データを指定するコンポーネントがそのコンテクストを提供 (provide) する。（Section が LevelContext を提供する。）

参考

https://ja.react.dev/reference/react/useContext
https://qiita.com/ryokkkke/items/dc25111fcf52ea579d58