Cuando un usuario hace clic en el botón Enviar en una página y falla la validación, quiero poder comparar los datos que intentaron enviar con una base de datos existente y usar eso para mostrar una advertencia según los campos que cambiaron (formik.touched is is no funciona, así que intento una solución).

Esta es la función de retorno con onSubmit donde quiero acceder a los datos que el usuario intentó enviar:

 return ( <Layout title={PROFILE_PAGE_TITLE} verticalNavMenu={<VerticalNavMenu actions={PROFILE_NAV_ACTIONS} />} > {!employeeDetailsPending && !employeeDetailsError && !configPending && !configError ? ( <FormikProvider value={formik}> <form onSubmit={formik.handleSubmit}> ...etc etc

Las funciones formik onSubmit tienen lo siguiente:

 const formik = useFormik({ initialValues, validationSchema: validationSchema, enableReinitialize: true, onSubmit: (values) => { dispatch(putAndi(prepareAndiForSubmission(values), authUser?.id)); }, }); const prepareEmployeeForSubmission = (values) => { const employee = { ...values }; if (!employee.gender.includes('Other')) { employee.genderText = null; } return employee; };

Y finalmente, el esquema de validación tiene un enlace useState, que toma el parámetro de un archivo js diferente, que tiene lo siguiente

 export const AndiDetailsSchema = yup.object({ title: yup.string().required('Title is required').nullable(), firstName: yup.string().required('First name is required').nullable(), ...etc etc