Merge pull request #7465 from backstage/jhaals/fix-deprecation

Catalog: Replace deprecated material ui components

.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

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>
   );
 };