React Redux-'超出最大更新深度'错误

Question

当我想登录我的应用程序时，输入正确的详细信息并按下“登录”按钮后，出现此错误：

如代码所示，URL更改为“ dashboard”，但看不到页面内容，但出现上述错误。

在控制台中，我可以看到Header组件（属于Dashboard的一部分）中的代码已被多次访问（我认为是引起问题的原因）：

如果刷新页面，一切正常。另外，如果我注销并返回登录页面，则可以正确登录。但是，如果刷新页面并尝试登录，则会返回错误。

代码如下：

标题组件：

const Header = withRouter(({ history }) => {

const values = useSelector((state) => ({...state.sharedReducer}));
console.log('***  VALUES: ', values);
const dispatch = useDispatch();

const handleMenuClick = () => dispatch(menuClickAction());
const handleLinkClick = () => dispatch(closeMenuAction());
................

登录组件：

  //  Runs only once on init
  useEffect(() => {
    if(isAuth) {
      props.history.push("dashboard"); //  Redirect to 'dashboard'
    }
  });

  useEffect(() => {
    //  Clear the form
    dispatch(clearFormDataAction());
  }, [dispatch]);

  useEffect(() => {
    if(!values.emailEmptyError && !values.passwordEmptyError && values.email.length && values.password.length && !values.isFormValid) {
      dispatch(enableSubmitButtonAction());
        }
  }, [values, dispatch]);

  const handleSubmitForm = (e) => {
    e.preventDefault();
    handleLoading(true);

    const loginDetails = {
      email: values.email,
      password: values.password
    };

    AuthService.login(loginDetails)
      .then(response => {
        if(response) {
          LocalStorageService.setItem('currentUser', response.data.user);
          props.history.push("dashboard"); //  Redirect to 'dashboard'
        }
      })
      .catch((error) => {
        handleSubmitError(i18n.t("ERRORS.LOGIN_WRONG_DETAILS"));
        console.log('error: ', error);
      });
   }

有人可以告诉我出什么事了吗？谢谢！