Route component flicker when using beforeLoad

[hoangtrung99]

Which project does this relate to?

Router

Describe the bug

Watch the video, when I use beforeLoad, my Route Component flickers. This is a small example, but I encounter the same issue in my main project. The login screen or dashboard screen after login flickers when reloading if I use beforeLoad. This does not happen with react-router.

Your Example Website or App

https://stackblitz.com/edit/vitejs-vite-3482dvgb?file=src%2Froutes%2Findex.tsx

Steps to Reproduce the Bug or Issue

Add beforeLoad in Route component.

Expected behavior

I don’t want the Route Component to flicker.

Screenshots or Videos

Screen.Recording.2024-12-26.at.22.49.19.mov

Platform

• OS: MacOS
• Browser: Arc Browser
• Version: 1.92.3

Additional context

No response