Parallel Routes loading error with app dir (reproduced)

[tianhuil]

Link to the code that reproduces this issue

https://github.com/tianhuil/app-directory-test

To Reproduce

1. Check out https://github.com/tianhuil/app-directory-test
2. Run bun run dev and goto /load
3. You should see the following movie.

Screen.Recording.2024-06-16.at.4.40.56.PM.mov

Current vs. Expected behavior

I have slots that load in Zero, One, Two, and Three seconds. I expect each one to load iteratively.

Instead, we load the "generic loading layout" (the layout for the parent component) until "One" loads so "One"'s loading state is not shown. Then, the individual loaders for "Two" and "Three" will be shown correctly.

What's odd is that the "Zero" slot actually waits for a little bit (it loads after 1 ms), and even though it is rendered, the "One" slot refuses to load loading state and still triggers the parent loading state.

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 23.2.0: Wed Nov 15 21:54:05 PST 2023; root:xnu-10002.61.3~2/RELEASE_ARM64_T6031
Binaries:
  Node: 20.12.2
  npm: 10.5.0
  Yarn: 4.1.1
  pnpm: 9.3.0
Relevant Packages:
  next: 14.1.3
  eslint-config-next: N/A
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.4.2
Next.js Config:
  output: N/A

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

Not sure

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

next dev (local)

Additional context

See also:
#49243
#59463
#49588

[syi0808]

I think it fixed by version 14.2.4

[tianhuil]

Thank you @syi0808 -- I just updated the repo and confirmed it's working

[ztanner]

Thank you @syi0808 -- I just updated the repo and confirmed it's working

Great! I will close this issue then. Don’t hesitate to open a new one if you encounter a new bug.