Formik with MobX #2

mobx.js

  React.useEffect(() =>
    mobx.autorun(() => {
      if (props.validate) {
        // MobX will see use of formik.values and rerun this function whenever it is mutated
        formik.errors = props.validate(formik.values);
      }
    }), []
  );

react.js

  React.useEffect(
    () => {
      if (props.validate) {
        const errors = props.validate(state.values);
        dispatch({ type: 'SET_ERRORS', payload: errors });
      }
    },
    [state.values]
  );