问限制导航以防止浏览器挂起-反应

EN

import { login, resetState } from "../../store/auth/authActions";
import { isAuthenticated } from "../../utils/auth";

const Login = ({ history }) => {
  const dispatch = useDispatch();

  //joi schema
  ....

  //react hook form setup
  const {
    register,
    handleSubmit,
    setError,
    clearErrors,
    formState: { errors },
  } = useForm({
    resolver: joiResolver(schema),
  });

  useEffect(() => {
    dispatch(resetState(clearErrors));
    if (isAuthenticated) {

      //AS SOON AS I UNCOMMENT THE NEXT LINE THROWS THE WARNING IN LOOP
      // history.push("/dashboard");
    }
  }, [clearErrors, dispatch, history]);

  const onSubmit = (data) => {
    dispatch(resetState(clearErrors));
    dispatch(login(data));
  };

  // global state
  const serverSideErrors = useSelector((state) => state.auth.errors);

  useEffect(() => {
    Object.entries(serverSideErrors).forEach(([i, v]) => {
      setError(i, {
        message: v[0],
      });
    });
  }, [serverSideErrors, setError]);

return (...)

export default Login;

  useEffect(() => {
    dispatch(resetState(clearErrors));
    if (isAuthenticated) {
      history.push("/dashboard");
    }
  }, []);