Search code examples
javascriptreactjsvalidationyup

How to change default error message in Yup


How to change default error message to custom error message: my custom message

const VALIDATION_SCHEME = Yup.object().shape({
      numOne: Yup.Number().required('!'),
      numTwo: Yup.Number()
        .required('!')
        .when('numOne', ((numOne, schema) => schema.max(numOne - 1)))
    });

Solution

  • alternative:

    numOne: yup.number()
      .required("1")
      .moreThan(yup.ref("numTwo"), "This is 1"),
    numTwo: yup.number()
      .required("2")
      .lessThan(yup.ref("numOne"), "This is 2")