After navigating in useEffect, it goes two pages backwards when pressing the back button

[bb-in-hoodie]

Reproduction

code: https://github.com/bb-in-hoodie/react-router-use-effect-issue

1. let's say the first page is called Page1
2. in Page1, navigate to Page2 in useEffect
3. in Page2, press back button of the browser

[the initial tab page of a browser] → access the server → [first page] → useEffect + navigate → [second page] → press back button of the browser → ???

System Info

- tested on the latest chrome and safari in mac
- react router 7.5.3 and older

Used Package Manager

pnpm

Expected Behavior

• goes back to the first page

Actual Behavior

• goes back to the initial tab, skipping the first page
  • even though there still is a record of the first page observable on the browser history (by right clicking on the back button)

react-router-useeffect-issue-2025-07-08.mov

[timdorr]

This is a browser policy issue. Any history changes made before user interaction are discarded from the history stack. This is not something that can be changed.

[bb-in-hoodie]

@timdorr
thank you for the reply.
is there any resource or documentation that explain the policy you mentioned?