Cómo cambiar el mensaje de error predeterminado a un mensaje de error personalizado: mi mensaje personalizado
const VALIDATION_SCHEME = Yup.object().shape({ numOne: Yup.Number().required('!'), numTwo: Yup.Number() .required('!') .when('numOne', ((numOne, schema) => schema.max(numOne - 1))) });Debe usar moreThan hook para realizar la validación que desea como se muestra a continuación.
const validationSchema = yup.object({ numOne: yup.string().required("Custom 2"), numTwo: yup .number() .lessThan(yup.ref("numOne"), "Your Custom Message") .max(yup.ref("numOne")) });Ejemplo de trabajo: https://codesandbox.io/s/peaceful-cache-k2g4lc?file=/index.js
alternativa:
numOne: yup.number() .required("1") .moreThan(yup.ref("numTwo"), "This is 1"), numTwo: yup.number() .required("2") .lessThan(yup.ref("numOne"), "This is 2")