Property 'message' does not exist on type 'DeepMap<String, FieldError>'.

[anthonyhexium]

Hi,

I am using the library with TypeScript. And I am having a TypeScript error every time I want to access a message error.

interface LoginFormInput {
  email: String;
  password: String;
}

const schema = yup.object().shape({
  email: yup.string().email('Veuillez saisir un e-mail valide !').required(),
  password: yup.string().min(6, 'Votre mot de passe doit faire minimum 6 caractères !').required()
});

export default function Login() {
  const { register, handleSubmit, errors } = useForm<LoginFormInput>({
    resolver: yupResolver(schema)
  });

  const onSubmit = (data: LoginFormInput) => {
    console.log(data);
  };

  return (
    {errors.email && <p className="mt-2 text-sm text-red-600">{errors.email.message}</p>}
  )

(I cleaned the code to have only the error part of course)

I could do (errors.email as any).message but do you have a cleaner way ? Or am I missing something maybe.

Am I on the latests version of the library.

Thanks !

[bluebill1049]

can you reproduce this in a codesandbox?

[bluebill1049]

here is a working version: https://codesandbox.io/s/trusting-frog-ssjwo?file=/src/App.tsx

[anthonyhexium]

Hello @bluebill1049 here is the link : https://codesandbox.io/s/intelligent-voice-58z2h?file=/src/App.tsx

[kodebot]

why do you use String with capital S in your interface? If you can use primitive type string it seems to resolve your problem

[anthonyhexium]

Oh my god ... 😞 Thanks. I missed that.