refactor: handle invalid FormGroup errors gracefully

src/components/generic/FormGroup.vue

@@ -37,14 +37,14 @@ import { useI18n } from '@/i18n'
 defineOptions({ compatConfig: { MODE: 3 } })
 
 type Error = {
-  code: string
+  code?: string
   message?: string
 }
 
 const props = defineProps<{
   label?: string
   customControl?: boolean
-  errors?: undefined | Error[]
+  errors?: undefined | (Error | undefined | null)[]
   withEditButton?: boolean
 }>()
 const emit = defineEmits<{
@@ -55,7 +55,7 @@ const { t } = useI18n()
 const formGroupClass = inject('formGroupClass', undefined)
 const id = useId('form-group-control')
 const errorsId = useId('form-group-errors')
-const errorList = computed<Error[]>(() => props.errors ?? [])
+const errorList = computed<Error[]>(() => (props.errors ?? []).filter((e): e is Error => !!e))
 const hasErrors = computed(() => errorList.value.length > 0)
 const controlAttributes = computed(() => ({
   class: [