reactjs / reactjs/react.dev

console.js:288 Warning: Each child in a list should have a unique "key" prop.

Open
#7,191 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
11.8k
Forks
7.9k
Avg merge
1d 11h
Merged PRs (30d)
11

Description

Check the render method of PageLayout. See https://fb.me/react-warning-keys for more information.
in WithStyles(ForwardRef(Grid)) (created by PageLayout)
in PageLayout (created by ViewTemplateDetails)
in ViewTemplateDetails (created by Context.Consumer)
in Route (created by RenderRoute)
in Switch (created by RenderRoute)
in Suspense (created by RenderRoute)
in RenderRoute (created by App)
in IntlProvider (created by App)
in div (created by MainLayout)
in PagePermissions (created by MainLayout)
in main (created by MainLayout)
in div (created by MainLayout)
in div (created by MainLayout)
in SubscriptionsProvider (created by MainLayout)
in DatadogProvider (created by MainLayout)
in AppInsightsLogger (created by MainLayout)
in MainLayout (created by App)
in Router (created by BrowserRouter)
in BrowserRouter (created by App)
in ForwardRef (created by AuthProvider)
in AuthProvider (created by App)
in StylesProvider (created by ThemeProvider)
in ThemeProvider (created by ThemeProvider)
in ThemeProvider (created by MainProvider)
in SettingsProvider (created by MainProvider)
in MainProvider (created by App)
in App
in Provider

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the PageLayout render method named in the warning and reproduce the issue on the ViewTemplateDetails route. Trace the list that triggers the warning, then verify the console is clear when the route renders.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.