diff --git a/graph/ui-components/src/lib/error-renderer.tsx b/graph/ui-components/src/lib/error-renderer.tsx
index cb02e0d111d402..0f0e93ba59f9f1 100644
--- a/graph/ui-components/src/lib/error-renderer.tsx
+++ b/graph/ui-components/src/lib/error-renderer.tsx
@@ -6,24 +6,22 @@ export function ErrorRenderer({ errors }: { errors: GraphError[] }) {
return (
{errors.map((error, index) => {
- let errorHeading;
- if (
- error.fileName &&
- isCauseWithLocation(error.cause) &&
- error.cause.errors.length === 1
- ) {
- errorHeading = `${error.name} - ${error.fileName}:${error.cause.errors[0].location.line}:${error.cause.errors[0].location.column} - ${error.pluginName}`;
- } else if (error.fileName) {
- errorHeading = `${error.fileName} - ${error.pluginName}`;
- } else {
- errorHeading = error.pluginName;
- }
+ const errorHeading =
+ error.pluginName && error.name
+ ? `${error.name} - ${error.pluginName}`
+ : error.name ?? error.message;
+ const fileSpecifier =
+ isCauseWithLocation(error.cause) && error.cause.errors.length === 1
+ ? `${error.fileName}:${error.cause.errors[0].location.line}:${error.cause.errors[0].location.column}`
+ : error.fileName;
return (
-
-
- {errorHeading}
+
+
+ {errorHeading}
+ -
+ {fileSpecifier}
-
+
{isCauseWithErrors(error.cause) &&
error.cause.errors.length === 1 ? (