[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

Mở trang tham chiếu React useContext và xem lại phần Troubleshooting cùng với ví dụ CodeSandbox được liên kết. Thêm hướng dẫn giải thích rằng các component được bọc độc lập không dùng chung các giá trị Context, và coi công việc hoàn tất khi văn bản Troubleshooting mô tả rõ hành vi này đối với các component được render ở những phần riêng biệt của một ứng dụng legacy.