Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

loading.tsx throws unique "key" prop warning when PPR is enabled #68634

Open
jperezr21 opened this issue Aug 7, 2024 · 2 comments
Open

loading.tsx throws unique "key" prop warning when PPR is enabled #68634

jperezr21 opened this issue Aug 7, 2024 · 2 comments
Labels
bug Issue was opened via the bug report template. create-next-app Related to our CLI tool for quickly starting a new Next.js application. Partial Prerendering (PPR) Related to Partial Prerendering.

Comments

@jperezr21
Copy link

jperezr21 commented Aug 7, 2024

Link to the code that reproduces this issue

https://codesandbox.io/p/devbox/flamboyant-darwin-njgn4r

To Reproduce

  1. npx create-next-app@latest
  2. npm i react@canary react-dom@canary next@canary babel-plugin-react-compiler
  3. Enable React Compiler and PPR in next.config.mjs
  4. Create loading.tsx file
  5. Start dev server & open in browser

Current vs. Expected behavior

Logs show Each child in a list should have a unique "key" prop. See https://react.dev/link/warning-keys for more information.

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 23.5.0: Wed May  1 20:13:18 PDT 2024; root:xnu-10063.121.3~5/RELEASE_ARM64_T6030
  Available memory (MB): 18432
  Available CPU cores: 11
Binaries:
  Node: 22.2.0
  npm: 10.7.0
  Yarn: 1.22.22
  pnpm: N/A
Relevant Packages:
  next: 15.0.0-canary.106 // Latest available version is detected (15.0.0-canary.106).
  eslint-config-next: 14.2.5
  react: 19.0.0-rc-e948a5ac-20240807
  react-dom: 19.0.0-rc-e948a5ac-20240807
  typescript: 5.5.4
Next.js Config:
  output: N/A

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

create-next-app, Partial Prerendering (PPR)

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

next dev (local)

Additional context

No response

@jperezr21 jperezr21 added the bug Issue was opened via the bug report template. label Aug 7, 2024
@github-actions github-actions bot added create-next-app Related to our CLI tool for quickly starting a new Next.js application. Partial Prerendering (PPR) Related to Partial Prerendering. labels Aug 7, 2024
@jperezr21 jperezr21 changed the title loading.tsx throws keys warning when PPR is enabled loading.tsx throws unique "key" prop warning when PPR is enabled Aug 7, 2024
@rehatch-yoshimori-otsuka

similar #68430

@khuezy

This comment has been minimized.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Issue was opened via the bug report template. create-next-app Related to our CLI tool for quickly starting a new Next.js application. Partial Prerendering (PPR) Related to Partial Prerendering.
Projects
None yet
Development

No branches or pull requests

3 participants