[Bug]: Resetting Suspense boundaries on navigation not work

Summary

Resetting Suspense boundaries on navigation not work

Page

https://react.dev/reference/react/Suspense

Details

I come up with an example as the documentation says:

However, now imagine you’re navigating between two different user profiles. In that case, it makes sense to show the fallback. For example, one user’s timeline is different content from another user’s timeline. By specifying a key, you ensure that React treats different users’ profiles as different components, and resets the Suspense boundaries during navigation. Suspense-integrated routers should do this automatically.

https://codesandbox.io/p/sandbox/react-dev-forked-4fszvr?file=%2Fsrc%2FApp.js

However, key do not work as expect, i.e. I did not see a loading indicator

Bắt đầu với trang tham chiếu Suspense và chạy bản tái hiện CodeSandbox được liên kết trong đó ở src/App.js. So sánh hành vi điều hướng quan sát được với phát biểu của trang rằng key đặt lại các ranh giới Suspense, sau đó xác định xem ví dụ hay tài liệu cần được sửa. Hoàn tất khi sự khác biệt được báo cáo đã được tái hiện và trang hoặc ví dụ phản ánh chính xác hành vi.