yupresolver doesnt fire all validation at once.

[activebiz]

The yup validation is not firing all validation at one go on the 'fullName' field.

import { useForm, Controller } from "react-hook-form";
import * as yup from "yup";
import { yupResolver } from "@hookform/resolvers";
import { TextField } from "@material-ui/core";
import "./styles.css";

const schema = yup.object().shape({
  name: yup
    .string()
    .min(3)
    .lowercase()
    .email()
    .required()
});

export default function App() {
  const { handleSubmit, control, errors } = useForm({
    resolver: yupResolver(schema)
  });
  const onSubmit = data => {
    console.log(data);
  };
  console.log(`on render errors: ${JSON.stringify(errors, null, 4)}`);
  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <Controller
        as={<TextField />}
        name="name"
        control={control}
        defaultValue=""
      />
      <button>Submit</button>
    </form>
  );
}

Here's CSB: https://codesandbox.io/s/competent-greider-8c8w8

Expected result: I was expecting multiple validation erros on name field.
Actual result: In contrast I can only get one validaiton error at a time.

I take abortEarly : false by default.

Any idea?

[bluebill1049]

pretty sure abortEarly : false is by default, do you have a CSB?

[activebiz]

Thanks @bluebill1049 Query updated.

[bluebill1049]

useForm({ criteriaMode: 'all' }) try that

[activebiz]

I have updated as follows:

const { handleSubmit, control, errors } = useForm({
    criteriaMode: "all",
    resolver: yupResolver(schema)
  });

Its showing errors in types.
Is this ok?

[bluebill1049]

it's correct now. working as expected.

[activebiz]

Thanks @bluebill1049 for the prompt replies.