What I do:
I am using a custom history (but still using the browser history) in react-router and scroll through sections.
What I see:
It re-mounts the route component because react-router handles this as a complete route change causing jumping to the top of the page.
What I expect:
The hash should change, but the route should not be re-rendered.
Possible solution:
passing a custom hash update function to the ScrollableAnchor component that will handle the hash change in a custom matter (using the history prop that react-router provides).
What I do: I am using a custom history (but still using the browser history) in
react-router
and scroll through sections.What I see: It re-mounts the route component because react-router handles this as a complete route change causing jumping to the top of the page.
What I expect: The hash should change, but the route should not be re-rendered.
Possible solution: passing a custom hash update function to the
ScrollableAnchor
component that will handle the hash change in a custom matter (using thehistory
prop thatreact-router
provides).