https://ja.react.dev/reference/react/useContext
https://qiita.com/seira/items/fccdf4e73c59c491558d
https://dev.classmethod.jp/articles/react-i-checked-again-how-to-use-usecontext/
https://zenn.dev/enumura/books/a882cb41219318/viewer/b4260b
https://zenn.dev/sora_kumo/articles/72fae8a8244adf
https://qiita.com/jonakp/items/58c9c383473d02479ea7
useContextとは、Reactアプリケーション内でデータを共有するためのHookである。これを使用することで、props drilling(プロップスのバケツリレー)を回避し、コンポーネント間でデータを効率的に受け渡すことができる。
例えば、親コンポーネントで定義された値を孫のコンポーネント、子コンポーネントからさらに呼び出されるコンポーネント、に伝えたい場合、propsをつないでいく必要がある。