You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
See that for a moment the loading UI for the page displays both on the left and on the right in the parallel route slot
This flicker happens on various different occasions including on router back
Current vs. Expected behavior
The loading UI for the current route displays for a moment in a flicker in the parallel route position. The loading UI should not show twice and it should not show in the parallel route position when navigating to the page with the parallel route not open/showing
Furthermore, even when having a Loading file in @Drawer that returns null the loading flicker still occurs
Provide environment information
Operating System:
Platform: linux
Arch: x64
Version: #1 SMP Thu Jan 11 04:09:03 UTC 2024
Available memory (MB): 15803
Available CPU cores: 16
Binaries:
Node: 20.10.0
npm: 10.2.3
Yarn: N/A
pnpm: N/A
Relevant Packages:
next: 14.2.3 // Latest available version is detected (14.2.3).
eslint-config-next: 14.2.3
react: 18.3.1
react-dom: 18.3.1
typescript: 5.4.5
Next.js Config:
output: N/A
Which area(s) are affected? (Select all that apply)
Parallel & Intercepting Routes
Which stage(s) are affected? (Select all that apply)
next dev (local), next build (local)
Additional context
No response
The text was updated successfully, but these errors were encountered:
Can confirm, it also happens with full page routes (ie. having the routes /posts and /posts/123, when accessing the latter, the loading.js of the former gets displayed, then a flicker and the loading.js file of the latter gets displayed until the data is loaded).
Link to the code that reproduces this issue
https://github.com/bradleymcleish/parallel-loading-issue
To Reproduce
Current vs. Expected behavior
The loading UI for the current route displays for a moment in a flicker in the parallel route position. The loading UI should not show twice and it should not show in the parallel route position when navigating to the page with the parallel route not open/showing
Furthermore, even when having a Loading file in @Drawer that returns null the loading flicker still occurs
Provide environment information
Operating System: Platform: linux Arch: x64 Version: #1 SMP Thu Jan 11 04:09:03 UTC 2024 Available memory (MB): 15803 Available CPU cores: 16 Binaries: Node: 20.10.0 npm: 10.2.3 Yarn: N/A pnpm: N/A Relevant Packages: next: 14.2.3 // Latest available version is detected (14.2.3). eslint-config-next: 14.2.3 react: 18.3.1 react-dom: 18.3.1 typescript: 5.4.5 Next.js Config: output: N/A
Which area(s) are affected? (Select all that apply)
Parallel & Intercepting Routes
Which stage(s) are affected? (Select all that apply)
next dev (local), next build (local)
Additional context
No response
The text was updated successfully, but these errors were encountered: