From c5eb756760af95451446a0fcc00f52a8235511e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fredrik=20Adel=C3=B6w?= <freben@gmail.com>
Date: Tue, 21 Dec 2021 17:00:57 +0100
Subject: [PATCH] Fix a small browser console warning
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Fredrik Adelöw <freben@gmail.com>
---
 .changeset/dirty-ways-learn.md                              | 6 ++++++
 .../src/components/SchemaBrowser/SchemaBrowser.tsx          | 4 ++--
 .../src/components/ScaffolderPage/ScaffolderPage.tsx        | 4 +++-
 3 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/dirty-ways-learn.md

diff --git a/.changeset/dirty-ways-learn.md b/.changeset/dirty-ways-learn.md
new file mode 100644
index 0000000000..e83fbbdfa2
--- /dev/null
+++ b/.changeset/dirty-ways-learn.md
@@ -0,0 +1,6 @@
+---
+'@backstage/plugin-config-schema': patch
+'@backstage/plugin-scaffolder': patch
+---
+
+Fix a small browser console warning
diff --git a/plugins/config-schema/src/components/SchemaBrowser/SchemaBrowser.tsx b/plugins/config-schema/src/components/SchemaBrowser/SchemaBrowser.tsx
index 9ed3e8fe61..73e4f15c0a 100644
--- a/plugins/config-schema/src/components/SchemaBrowser/SchemaBrowser.tsx
+++ b/plugins/config-schema/src/components/SchemaBrowser/SchemaBrowser.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { createStyles, fade, withStyles } from '@material-ui/core';
+import { createStyles, alpha, withStyles } from '@material-ui/core';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import { TreeItem, TreeItemProps, TreeView } from '@material-ui/lab';
@@ -30,7 +30,7 @@ const StyledTreeItem = withStyles(theme =>
     group: {
       marginLeft: 7,
       paddingLeft: theme.spacing(1),
-      borderLeft: `1px solid ${fade(theme.palette.text.primary, 0.15)}`,
+      borderLeft: `1px solid ${alpha(theme.palette.text.primary, 0.15)}`,
     },
   }),
 )((props: TreeItemProps) => <TreeItem {...props} />);
diff --git a/plugins/scaffolder/src/components/ScaffolderPage/ScaffolderPage.tsx b/plugins/scaffolder/src/components/ScaffolderPage/ScaffolderPage.tsx
index aa45e56f5e..c147c8e118 100644
--- a/plugins/scaffolder/src/components/ScaffolderPage/ScaffolderPage.tsx
+++ b/plugins/scaffolder/src/components/ScaffolderPage/ScaffolderPage.tsx
@@ -109,13 +109,15 @@ export const ScaffolderPageContents = ({
           </div>
           <div>
             {groups &&
-              groups.map(group => (
+              groups.map((group, index) => (
                 <TemplateList
+                  key={index}
                   TemplateCardComponent={TemplateCardComponent}
                   group={group}
                 />
               ))}
             <TemplateList
+              key="other"
               TemplateCardComponent={TemplateCardComponent}
               group={otherTemplatesGroup}
             />