[Bug]: revalidate (from useRevalidator hook) causes page twitching effect while scrolling the page with <ScrollRestoration /> component

[DimaAmega]

What version of React Router are you using?

6.27.0

Steps to Reproduce

Actually i was trying to setup page with long table (like scrollable page) that constantly refresh data from loader every n ms/s by calling revalidate(). It works, but using revalidate with <ScrollRestoration /> while scrolling the page causes page twitching.
Without <ScrollRestoration /> component on the page everything is working fine, so i believe this is the bug

Minimal example here:
https://stackblitz.com/edit/vitejs-vite-go7kak?file=src%2Fmain.tsx

Expected Behavior

Screen.Recording.2024-10-18.at.22.01.19.mov

Actual Behavior

Screen.Recording.2024-10-18.at.22.01.39.mov

[DimaAmega]

My attempt to fix #12159

[DimaAmega]

@brophdawg11 It would be great if you would pay attention to this