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

[edisonLzy]

I got the same issue too

[hoangtrung99]

I got the same issue too

Quite frustrated with this, but it seems like no one cares, or it’s just something that naturally happens. I don’t understand; it’s been over two weeks already.

[gianlazaro]

I've ran into this before and have found the solution from this issue to work.

#2183

[hoangtrung99]

@gianlazaro
I tried, but the issue wasn't resolved; when I removed beforeLoad, refreshing the page caused the screen to flicker.
https://github.com/user-attachments/assets/bcf7b2b5-c08c-49d7-a781-195aa5d3dcb1