Skip to content

[Bug]: Each child in a list should have a unique "key" prop. - on running pnpm dev-web-www #77

Description

@DSCmatter

Bug Description

Error Type

Console Error

Error Message

Each child in a list should have a unique "key" prop.

Check the render method of Primitive.ul. It was passed a child from HeaderNavigationMenu. See https://react.dev/link/warning-keys for more information.

at <unknown> (components/header.tsx:63:11)
at Array.map (<anonymous>:null:null)
at HeaderNavigationMenu (components/header.tsx:62:27)
at Header (components/header.tsx:128:9)
at RootLayout (app\layout.tsx:73:13)

Code Frame

61 |
62 | {NAVIGATION_LINKS.map((nl, i) => (

63 | <>
| ^
64 | {i > 0 && (
65 | <Separator
66 | orientation="vertical"

Next.js version: 15.5.4 (Turbopack)

Steps to Reproduce

  1. run pnpm dev-web-www on project root

Expected Behavior

Next.js prompted errors on console

Actual Behavior

No errors

Affected Component

Web App (Next.js frontend)

Environment

- OS: Windows
- Browser: Brave
- Deployment: local

Error Logs

Screenshots

No response

Additional Context

No response

Pre-submission Checklist

  • I have searched existing issues to ensure this bug hasn't been reported before
  • I have provided all the information requested above
  • I am willing to submit a PR to fix this issue (optional)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions