Specific data/props case causes infinite loading

[chriseling]

Link to the code that reproduces this issue

https://github.com/chriseling/nextjs-repro-infinite-loading-issue

To Reproduce

• start the app (yarn dev)
• notice the page shows the loading.tsx and loads infinitely

Current vs. Expected behavior

expect the client component to load with "hello world"

Provide environment information

Operating System:
  Platform: darwin
  Arch: x64
  Version: Darwin Kernel Version 23.6.0: Mon Jul 29 21:13:00 PDT 2024; root:xnu-10063.141.2~1/RELEASE_X86_64
  Available memory (MB): 40960
  Available CPU cores: 16
Binaries:
  Node: 22.0.0
  npm: 10.5.1
  Yarn: 1.22.22
  pnpm: 9.12.2
Relevant Packages:
  next: 15.0.2 // Latest available version is detected (15.0.2).
  eslint-config-next: 15.0.2
  react: 19.0.0-rc-02c0e824-20241028
  react-dom: 19.0.0-rc-02c0e824-20241028
  typescript: 5.6.3
Next.js Config:
  output: N/A

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

Runtime

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

next dev (local), Vercel (Deployed)

Additional context

No response

[charliemeyer2000]

This is crazy, how did you come across this?

[alexshyba]

This is wild indeed, I can reproduce it without the loading component as well.

[chris-orgorg]

This is crazy, how did you come across this?

I don't remember, but I came across it while trying to build something.

[unstubbable]

I'm reopening this until the React version with the fix included has been synced to Next.js.