Get localized error messages.

src/app/(main)/links/LinkDeleteButton.tsx

@@ -15,7 +15,7 @@ export function LinkDeleteButton({
   name: string;
   onSave?: () => void;
 }) {
-  const { formatMessage, labels } = useMessages();
+  const { formatMessage, labels, getErrorMessage } = useMessages();
   const { mutate, isPending, error, touch } = useDeleteQuery(`/links/${linkId}`);
 
   const handleConfirm = (close: () => void) => {
@@ -37,7 +37,7 @@ export function LinkDeleteButton({
               target: name,
             })}
             isLoading={isPending}
-            error={error}
+            error={getErrorMessage(error)}
             onConfirm={handleConfirm.bind(null, close)}
             onClose={close}
             buttonLabel={formatMessage(labels.delete)}

src/app/(main)/links/LinkEditForm.tsx

@@ -32,7 +32,7 @@ export function LinkEditForm({
   onSave?: () => void;
   onClose?: () => void;
 }) {
-  const { formatMessage, labels, messages } = useMessages();
+  const { formatMessage, labels, messages, getErrorMessage } = useMessages();
   const { mutate, error, isPending, touch, toast } = useUpdateQuery(
     linkId ? `/links/${linkId}` : '/links',
     {
@@ -82,7 +82,7 @@ export function LinkEditForm({
   }
 
   return (
-    <Form onSubmit={handleSubmit} error={error?.message} defaultValues={{ slug, ...data }}>
+    <Form onSubmit={handleSubmit} error={getErrorMessage(error)} defaultValues={{ slug, ...data }}>
       {({ setValue }) => {
         return (
           <>