TypeScript: Object is possibly 'undefined'
const FormInput: FC<IFormInputProps> = ({ name, label, ...otherProps }) => {
const {
control,
formState: { errors },
} = useFormContext();
return (
<Controller control={control} defaultValue='' name={name} render={({ field }) => (
<FormControl>
<Typography>{label}</Typography>
<Input {...field} error={!!errors[name]} {...otherProps} />
<FormHelperText error={!!errors[name]}>
{errors[name] ? errors[name].message : ''}
</FormHelperText>
</FormControl>
)}
/>
)
}
export default FormInput
TypeScript ругается на вывод сообщения {errors[name] ? errors[name].message : ''}
Как победить?
