From cce0416b0dec44f4f91ae2bd3b4ac01cbbf06cb8 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <peterbe@github.com>
Date: Thu, 11 Aug 2022 17:56:58 +0200
Subject: [PATCH] unique react key in playground editor buttons (#29836)

* unique React key in playground editor buttons

* second place
---
 components/playground/CodeLanguagePicker.tsx | 1 +
 components/playground/editor/Editor.tsx      | 1 +
 2 files changed, 2 insertions(+)

diff --git a/components/playground/CodeLanguagePicker.tsx b/components/playground/CodeLanguagePicker.tsx
index 6cef145135..f7df48ed4c 100644
--- a/components/playground/CodeLanguagePicker.tsx
+++ b/components/playground/CodeLanguagePicker.tsx
@@ -13,6 +13,7 @@ export const CodeLanguagePicker = () => {
       <SubNav.Links>
         {codeLanguages.map((language) => (
           <SubNav.Link
+            key={language.id}
             as={Link}
             href={`${routePath}?langId=${language.id}`}
             selected={language.id === currentLanguage.id}
diff --git a/components/playground/editor/Editor.tsx b/components/playground/editor/Editor.tsx
index 97d475e4c4..e94a751eb5 100644
--- a/components/playground/editor/Editor.tsx
+++ b/components/playground/editor/Editor.tsx
@@ -74,6 +74,7 @@ export const Editor: React.FC<Props> = ({ article }) => {
           {editorFiles.map((file, i) => {
             return (
               <button
+                key={file.fileName}
                 className={cx('btn-link Link--secondary no-underline mr-2 f6 py-2 px-3', {
                   'color-bg-subtle': i === selectedFileIndex,
                 })}