[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 值；當 Troubleshooting 文字清楚描述在 legacy application 的不同部分中呈現的元件所表現出的此行為時，即可視為完成。