Максимальная глубина обновления превысила ошибку reactjs

Question

Я пытаюсь перенаправить, когда свойство имеет значение null ReactJS, но я получаю сообщение об ошибке

Ошибка: превышена максимальная глубина обновления. Это может произойти, когда компонент повторно вызывает setState внутри componentWillUpdate или componentDidUpdate. React ограничивает количество вложенных обновлений для предотвращения бесконечных циклов.

я не вижу здесь бесконечного l oop, кто-нибудь может помочь?

import React, { Component } from 'react'
import {Redirect} from 'react-router-dom';
import {connect} from 'react-redux'
import {userProfile} from '../../actions/profile'
import {loadUser} from '../../actions/auth';
import Alert from '../layout/Alert';
class Dashboard extends Component{

    componentDidMount(){
        this.props.userProfile();
    }
    onSubmit=(formvalue) => {
        console.log(formvalue);
    }

    render() {
        if(!this.props.profile.userProfile){
            return <Redirect to="/" />
        }
        return (
            <div>
                <Alert />
                Hello
            </div>
        )

    }

}
const mapStateToProps = state =>{
    return {
        auth: state.auth,
        profile: state.profile
    }
}
export default connect(mapStateToProps,{userProfile,loadUser})(Dashboard);