[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 的不同部分中渲染的组件所表现出的这一行为时，即可视为完成。