diff --git a/.changeset/modern-jokes-attack.md b/.changeset/modern-jokes-attack.md new file mode 100644 index 0000000000..34b4741d14 --- /dev/null +++ b/.changeset/modern-jokes-attack.md @@ -0,0 +1,5 @@ +--- +'@backstage/core-components': patch +--- + +Made AlertDisplay not crash on undefined error messages diff --git a/packages/core-components/src/components/AlertDisplay/AlertDisplay.tsx b/packages/core-components/src/components/AlertDisplay/AlertDisplay.tsx index 3af261da23..48cc4aba1d 100644 --- a/packages/core-components/src/components/AlertDisplay/AlertDisplay.tsx +++ b/packages/core-components/src/components/AlertDisplay/AlertDisplay.tsx @@ -42,7 +42,7 @@ export type AlertDisplayProps = { /** @public */ export function AlertDisplay(props: AlertDisplayProps) { - const [messages, setMessages] = useState>([]); + const [messages, setMessages] = useState>>([]); const alertApi = useApi(alertApiRef); const { anchorOrigin = { vertical: 'top', horizontal: 'center' } } = props; @@ -83,7 +83,7 @@ export function AlertDisplay(props: AlertDisplayProps) { severity={firstMessage.severity} > - {firstMessage.message.toString()} + {`${firstMessage?.message}`} {messages.length > 1 && ( {` (${messages.length - 1} older ${pluralize( 'message',