diff --git a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardEntityList.tsx b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardEntityList.tsx
index 2626e7b345..aad88e3f44 100644
--- a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardEntityList.tsx
+++ b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardEntityList.tsx
@@ -18,8 +18,12 @@ import { Box, makeStyles, Typography } from '@material-ui/core';
import { newRelicDashboardApiRef } from '../../api';
import { useApi } from '@backstage/core-plugin-api';
import { useAsync } from 'react-use';
-import { Progress, InfoCard, Link } from '@backstage/core-components';
-import Alert from '@material-ui/lab/Alert';
+import {
+ Progress,
+ InfoCard,
+ Link,
+ ErrorPanel,
+} from '@backstage/core-components';
import DesktopMac from '@material-ui/icons/DesktopMac';
import { useNewRelicDashboardEntity } from '../../hooks';
import { DashboardEntitySummary } from '../../api/NewRelicDashboardApi';
@@ -52,7 +56,7 @@ export const DashboardEntityList = () => {
return ;
}
if (error) {
- return {error.message};
+ return ;
}
return (
diff --git a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.tsx b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.tsx
index 72847792ec..17c9e4aa1b 100644
--- a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.tsx
+++ b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.tsx
@@ -17,9 +17,8 @@ import React from 'react';
import { Box, Grid } from '@material-ui/core';
import { useApi } from '@backstage/core-plugin-api';
import { useAsync } from 'react-use';
-import { InfoCard, Progress } from '@backstage/core-components';
+import { InfoCard, Progress, ErrorPanel } from '@backstage/core-components';
import { newRelicDashboardApiRef } from '../../../api';
-import Alert from '@material-ui/lab/Alert';
import { DashboardSnapshotSummary } from './../../../api/NewRelicDashboardApi';
type Props = {
@@ -47,7 +46,7 @@ export const DashboardSnapshot = ({
return ;
}
if (error) {
- return {error.message};
+ return ;
}
return (
diff --git a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.tsx b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.tsx
index 54faa7289d..7977ab5818 100644
--- a/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.tsx
+++ b/plugins/newrelic-dashboard/src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.tsx
@@ -18,8 +18,7 @@ import { Grid, Tab, Tabs, makeStyles } from '@material-ui/core';
import { newRelicDashboardApiRef } from '../../../api';
import { useApi } from '@backstage/core-plugin-api';
import { useAsync } from 'react-use';
-import { Progress } from '@backstage/core-components';
-import Alert from '@material-ui/lab/Alert';
+import { Progress, ErrorPanel } from '@backstage/core-components';
import { DashboardSnapshot } from './DashboardSnapshot';
import { DashboardEntitySummary } from '../../../api/NewRelicDashboardApi';
import { ResultEntity } from '../../../types/DashboardEntity';
@@ -99,7 +98,7 @@ export const DashboardSnapshotList = ({ guid }: Props) => {
return ;
}
if (error) {
- return {error.message};
+ return ;
}
return (