From 94e96fa40b676e11d44a758e0e7ec5d8ceeb3e55 Mon Sep 17 00:00:00 2001
From: Joe Previte <jjprevite@gmail.com>
Date: Thu, 25 Aug 2022 11:20:24 -0700
Subject: [PATCH] chore: enable react/no-array-index-key eslint (#3696)

* chore: enable react/no-array-index-key eslint

* fix: add missing key to ResourcesTable
---
 site/.eslintrc.yaml                                             | 1 +
 .../TemplateResourcesTable/TemplateResourcesTable.tsx           | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/site/.eslintrc.yaml b/site/.eslintrc.yaml
index a50d0845b4..bbdd563aac 100644
--- a/site/.eslintrc.yaml
+++ b/site/.eslintrc.yaml
@@ -115,6 +115,7 @@ rules:
     - error
     - children: ignore
   # https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#eslint
+  react/jsx-key: error
   react/jsx-uses-react: "off"
   react/react-in-jsx-scope: "off"
 settings:
diff --git a/site/src/components/TemplateResourcesTable/TemplateResourcesTable.tsx b/site/src/components/TemplateResourcesTable/TemplateResourcesTable.tsx
index e68122c8d0..e66820156d 100644
--- a/site/src/components/TemplateResourcesTable/TemplateResourcesTable.tsx
+++ b/site/src/components/TemplateResourcesTable/TemplateResourcesTable.tsx
@@ -55,7 +55,7 @@ export const TemplateResourcesTable: FC<React.PropsWithChildren<TemplateResource
               //  If there is no agent, just display the resource name
               if (!agent) {
                 return (
-                  <TableRow>
+                  <TableRow key={resource.id}>
                     <TableCell className={styles.resourceNameCell}>
                       <AvatarData
                         title={resource.name}