Wrong segment rendered when quickly reload page and navigate through browser history in Next.js 13+.

Why this is a good first issue

Race condition in Next.js navigation when quickly reloading and using browser history.

AI Summary

The issue describes a race condition where page content doesn't update correctly when quickly reloading and navigating through browser history in Next.js 13+. The problem requires understanding Next.js navigation internals and browser history handling, but has clear reproduction steps. The main challenge is diagnosing the root cause in Next.js's navigation system.

Issue Description

Link to the code that reproduces this issue

https://codesandbox.io/p/devbox/snowy-platform-7k39wy

To Reproduce

Run the preview of provided SandBox code.
Open it in a separate browser tab.
Navigate between Page 1 and Page 2 routes to create window.history records to be able to go back via browser arrow.
Try to reload page via browser reload button or keyboard and go back to previous route(make it as fast as possible)
If you did it fast enough you can see updated URL and the content from previous page (segment) .
If you did it not fast enough you can try it again from step 3.

Current vs. Expected behavior

Actual result: page content is still from previous route and URL is correct. Expected result: page content where I go back and URL must be correct.

Provide environment information

Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP PREEMPT_DYNAMIC Sun Aug  6 20:05:33 UTC 2023
  Available memory (MB): 4102
  Available CPU cores: 2
Binaries:
  Node: 20.9.0
  npm: 9.8.1
  Yarn: 1.22.19
  pnpm: 8.10.2
Relevant Packages:
  next: 15.0.0-canary.132 // Latest available version is detected (15.0.0-canary.132).
  eslint-config-next: N/A
  react: 19.0.0-rc-eb3ad065-20240822
  react-dom: 19.0.0-rc-eb3ad065-20240822
  typescript: 5.3.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Navigation, Pages Router

Which stage(s) are affected? (Select all that apply)

next dev (local), next start (local), Vercel (Deployed), Other (Deployed)

Additional context

That issue exists in all Next.js 13+ that I tried to reproduce bug.

Our QA firstly found it in our self-deploy website, then I checked official Next.js examples and official Vercel website(I suppose it uses last Next.js version). Also I tried Sandbox with minimal app configuration. The problem was reproduced on each case.

GitHub Labels

bugLinking and NavigatingPages Router