From 78283cf2365bf6d0b041ab02b5f57f0fc1547825 Mon Sep 17 00:00:00 2001
From: Joe Previte <jjprevite@gmail.com>
Date: Tue, 4 Oct 2022 09:50:15 -0700
Subject: [PATCH] fix: add keys to createCtas elements (#4362)

---
 site/src/components/RuntimeErrorState/createCtas.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/site/src/components/RuntimeErrorState/createCtas.tsx b/site/src/components/RuntimeErrorState/createCtas.tsx
index 977c46eab6..5314441166 100644
--- a/site/src/components/RuntimeErrorState/createCtas.tsx
+++ b/site/src/components/RuntimeErrorState/createCtas.tsx
@@ -48,9 +48,10 @@ const ReloadAppButton = (): ReactElement => {
  * createCtas generates an array of buttons to be used with our error boundary UI
  */
 export const createCtas = (codeBlock: string[]): ReactElement[] => {
-  // REMARK: we don't have to worry about key order changing
-  // eslint-disable-next-line react/jsx-key
-  return [<CopyStackButton text={codeBlock.join("\r\n")} />, <ReloadAppButton />]
+  return [
+    <CopyStackButton key="copy-stack-btn" text={codeBlock.join("\r\n")} />,
+    <ReloadAppButton key="reload-app-btn" />,
+  ]
 }
 
 const useStyles = makeStyles((theme) => ({