Fixed React key warning on GraphQL error notices (#7121)

keystonejs · May 11, 2022 · 20095f0 · 20095f0
1 parent af3432a
commit 20095f0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/proud-turkeys-arrive.md b/.changeset/proud-turkeys-arrive.md
@@ -0,0 +1,5 @@
+---
+'@keystone-6/core': patch
+---
+
+Fixed React key warning when showing GraphQL errors
diff --git a/packages/core/src/admin-ui/components/GraphQLErrorNotice.tsx b/packages/core/src/admin-ui/components/GraphQLErrorNotice.tsx
@@ -19,8 +19,10 @@ export function GraphQLErrorNotice({ errors, networkError }: GraphQLErrorNoticeP
   if (errors?.length) {
     return (
       <Stack gap="small" marginBottom="large">
-        {errors.map(err => (
-          <Notice tone="negative">{err.message}</Notice>
+        {errors.map((err, idx) => (
+          <Notice tone="negative" key={idx}>
+            {err.message}
+          </Notice>
         ))}
       </Stack>
     );