[Suggestion]: Improve Context usage Troubleshooting section

Summary

Yesterday I found out that independently wrapped components in Context doesn't share the same Context values. Instead each one has their own context values.

Page

https://react.dev/reference/react/useContext

Details

Now when I think about it that makes sense, but it took quite some time to realize where's the issue in a complext real world app where we render React components in different places of legacy code.

Would be great if we extend the Troubleshooting section of the Context docs to include this case.

Example: https://codesandbox.io/p/sandbox/reactcontext-issue-example-f48m4m

React useContext のリファレンスページを開き、リンクされている CodeSandbox の例と併せて Troubleshooting セクションを確認します。独立してラップされたコンポーネントは同じ Context の値を共有しないことを説明するガイダンスを追加し、legacy application の別々の部分でレンダーされるコンポーネントについてこの動作が Troubleshooting のテキストで明確に説明されていれば、ケース完了とします。