14.1.0 The work of parallel routes along with the asynchronous page and Loading is broken (white page)

[Hooked74]

Link to the code that reproduces this issue

https://codesandbox.io/p/devbox/stupefied-paper-s2v3s3

To Reproduce

1. Start the application in development (next dev)
2. Click on the link "Test Page"
3. Content is not displayed and we see an empty page

Current vs. Expected behavior

The page should be displayed as in the NEXT https://codesandbox.io/p/devbox/stupefied-paper-forked-8ykjly version with the contents

Provide environment information

Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP PREEMPT_DYNAMIC Sun Aug  6 20:05:33 UTC 2023
Binaries:
  Node: 20.9.0
  npm: 9.8.1
  Yarn: 1.22.19
  pnpm: 8.10.2
Relevant Packages:
  next: 14.1.0
  eslint-config-next: 14.1.0
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.3.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

App Router, Routing (next/router, next/navigation, next/link), TypeScript (plugin, built-in types)

Which stage(s) are affected? (Select all that apply)

next dev (local)

Additional context

No response

_NEXT-2223

[gabor-kovacs]

I ran into the same issue.

In #60682 @icyJoseph suggested using <Suspense> instead of loading.tsx. This solution works for your sandbox too: https://codesandbox.io/p/sandbox/stupefied-paper-forked-dhj6dk

Btw in my case reverted to back to 14.0.4 and then soft navigation worked at the original link where the router broke but a previously working one broke it instead. Production build behaved the same.

No idea what's going on, but hope this gets fixed soon...

[github-actions[bot]]

This closed issue has been automatically locked because it had no new activity for 2 weeks. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.