ISSUE #5143 - fix: names that include a "." do not receive the errors

frontend/src/v5/ui/controls/inputs/inputController.component.tsx

@@ -15,7 +15,8 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { forwardRef } from 'react';
-import { Controller, ControllerRenderProps } from 'react-hook-form';
+import { get } from 'lodash';
+import { Controller, ControllerRenderProps, useFormContext } from 'react-hook-form';
 
 export type FormInputProps = Partial<Omit<ControllerRenderProps, 'ref'> & {
 	required: boolean,
@@ -52,29 +53,34 @@ export const InputController: InputControllerType = forwardRef(<T,>({
 	onChange,
 	onBlur,
 	...props
-}: Props<T>, ref) => (
-	<Controller
-		name={name}
-		control={control}
-		defaultValue={defaultValue}
-		render={({ field: { ref: fieldRef, ...field } }) => (
-			// @ts-ignore
-			<Input
-				{...field}
-				{...props}
-				value={field.value ?? ''}
-				onChange={(event) => {
-					field.onChange(event);
-					onChange?.(event);
-				}}
-				onBlur={() => {
-					field.onBlur();
-					onBlur?.();
-				}}
-				inputRef={ref || fieldRef}
-				error={!!formError}
-				helperText={formError?.message}
-			/>
-		)}
-	/>
-));
+}: Props<T>, ref) => {
+	const ctx = useFormContext();
+	const error = formError || get(ctx?.formState?.errors, name);
+
+	return (
+		<Controller
+			name={name}
+			control={control}
+			defaultValue={defaultValue}
+			render={({ field: { ref: fieldRef, ...field } }) => (
+				// @ts-ignore
+				<Input
+					{...field}
+					{...props}
+					value={field.value ?? ''}
+					onChange={(event) => {
+						field.onChange(event);
+						onChange?.(event);
+					}}
+					onBlur={() => {
+						field.onBlur();
+						onBlur?.();
+					}}
+					inputRef={ref || fieldRef}
+					error={!!error}
+					helperText={error?.message}
+				/>
+			)}
+		/>
+	);
+});