From 1c5c5b23fbfda7dc649e94ef955b755585651c14 Mon Sep 17 00:00:00 2001
From: Johan Haals <johan.haals@gmail.com>
Date: Wed, 6 Oct 2021 09:41:43 +0200
Subject: [PATCH] Catalog: Replace deprecated material ui components

Signed-off-by: Johan Haals <johan.haals@gmail.com>
---
 .changeset/quick-sheep-decide.md                       |  5 +++++
 .../src/components/EntityLinksCard/LinksGridList.tsx   | 10 +++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/quick-sheep-decide.md

diff --git a/.changeset/quick-sheep-decide.md b/.changeset/quick-sheep-decide.md
new file mode 100644
index 0000000000..5240255348
--- /dev/null
+++ b/.changeset/quick-sheep-decide.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog': patch
+---
+
+Replace deprecated material UI components used by LinksCard to remove errors from console log
diff --git a/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx b/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
index ea2c7ffcdc..3df38c4523 100644
--- a/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
+++ b/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { GridList, GridListTile } from '@material-ui/core';
+import { ImageList, ImageListItem } from '@material-ui/core';
 import React from 'react';
 import { IconLink } from './IconLink';
 import { ColumnBreakpoints } from './types';
@@ -36,12 +36,12 @@ export const LinksGridList = ({ items, cols = undefined }: Props) => {
   const numOfCols = useDynamicColumns(cols);
 
   return (
-    <GridList cellHeight="auto" cols={numOfCols}>
+    <ImageList rowHeight="auto" cols={numOfCols}>
       {items.map(({ text, href, Icon }, i) => (
-        <GridListTile key={i}>
+        <ImageListItem key={i}>
           <IconLink href={href} text={text ?? href} Icon={Icon} />
-        </GridListTile>
+        </ImageListItem>
       ))}
-    </GridList>
+    </ImageList>
   );
 };