chore: add error type

Author: juliajforesti

apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultiple.tsx

@@ -13,7 +13,8 @@ type UserAutoCompleteMultipleProps = {
 	value: Array<string> | undefined;
 	placeholder?: string;
 	federated?: boolean;
-} & Omit<AllHTMLAttributes<HTMLElement>, 'is' | 'onChange' | 'value'>;
+	error?: string;
+} & Omit<AllHTMLAttributes<HTMLInputElement>, 'is' | 'onChange' | 'value'>;
 
 type UserAutoCompleteOptionType = {
 	name: string;

apps/meteor/client/views/audit/components/tabs/DirectTab.tsx

@@ -33,7 +33,7 @@ const DirectTab = ({ form: { control } }: DirectTabProps): ReactElement => {
 			<FieldRow>
 				<UserAutoCompleteMultiple
 					value={usersField.value}
-					error={!!usersFieldState.error}
+					error={usersFieldState.error?.message}
 					onChange={usersField.onChange}
 					placeholder={t('Username_Placeholder')}
 				/>

apps/meteor/client/views/audit/components/tabs/UsersTab.tsx

@@ -32,7 +32,7 @@ const UsersTab = ({ form: { control } }: UsersTabProps): ReactElement => {
 			<FieldLabel>{t('Users')}</FieldLabel>
 			<FieldRow>
 				<UserAutoCompleteMultiple
-					error={!!usersFieldState.error}
+					error={usersFieldState.error?.message}
 					value={usersField.value}
 					onChange={usersField.onChange}
 					placeholder={t('Username_Placeholder')}