React Context

Overview

ReactのContextについてまとめているセクション

Contextが適切なもの

「UIツリーの広範囲で、頻繁に変わらない値を暗黙的に渡す必要がある」場合

認証情報 (AuthProvider) - ほぼ全コンポーネントが参照する、変更頻度が低い テーマ / ロケール - UIツリー全体に影響、変更頻度が極めて低い Stripe Elements - ライブラリが要求するProvider（自分で選べない）

Contextが不適切なもの

「サーバーから取得するデータのキャッシュ共有」

これがまさに今回のケース。paymentMethods、userLicenses、ordersなどは全てサーバー状態 (server state) であり、SWR/TanStack Queryの領域。