React — ошибка при history.push("/")?

Question

[iordania]

Всем привет! В контейнере модуля Login фетчу запрос на получение токена и при успешном подтверждении перекидываю пользователя на домашнюю страницу... благодоря команде
history.push("/")
переход срабатывает, но в консоле предупреждение:

В контейнере использую withFormik (formik)
Понял что нужно размонтировать компонент, но не совсем понимаю где именно это сделать ?

Контейнер:

const Login = withFormik({
  enableReinitialize: true,
  mapPropsToValues: () => ({ email: "", password: "" }),

  validationSchema: SignInSchema,

  handleSubmit: (
    values,
    { props: { fetchUserLogin, history }, setSubmitting }
  ) => {
    setSubmitting(false);

    fetchUserLogin(values)
      .then((status) => {
        if (status === "success") {
          history.push("/")
        }
        setSubmitting(false);
      })
      .catch(() => {
        setSubmitting(false);
      });
  },

  displayName: "LoginForm",
})(LoginForm);

Компонент:

let LoginForm = (props) => {
  return (
    <Fragment>
   // тело компонент
    </Fragment>
  );
};

LoginForm.propTypes = {
  values: PropTypes.object.isRequired,
};

export default LoginForm;

Answer 1

[Павел Диденко]

У вас компонент уже размонтирован, а вы пытаетесь обновить его стейт. На это и ругается

Comments

[iordania]

Павел Диденко как пофиксить ? несколько дней голову ломаю(

[Павел Диденко]

iordania, не менять стейт после размонтирования компонента, очевидно же?

if (status === "success") {
          history.push("/")
        }
        setSubmitting(false);

Вы делаете редирект, ваш компонент уничтожен, тогда зачем вам нужно вызывать обновление стейта setSubmitting(false)?

[iordania]

Павел Диденко, от души брат)