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 ( - + {items.map(({ text, href, Icon }, i) => ( - + - + ))} - + ); };