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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions