How can I pass in an array of inputs with properties? It tries to use the property names as the names of the inputs

[oscadev]

Say I am typing my inputs like this
type Input = {
fieldName: string;
label: string;
isRequired: boolean;
};
...
const {
register,
handleSubmit,
watch,
formState: { errors },
} = useForm<Input[]>();
...

{inputs.map((input) => (

        <input
          key={input.fieldName}
          {...register(input.fieldName, {
            required: {
              value: input.isRequired,
              message: `${input.label} is required`,
            },
          })}
        />

      )}

This actually works, BUT I get a TS complaint in ...register(input.fieldName... because it thinks the inputs are named "fieldName", "label", and "isRequired" rather than them being properties of ONE input, and the "name" being the input.fieldName value.