Компонент REACT REDUX рендерится бесконечно, вызванный бесконечно диспетчеризирующим действием в componentDidMount ()

Question

Родительский компонент - это просто компонент представления, в котором используется дочерний компонент UserContent, в этом дочернем компоненте отправляются редукционные действия и отображаются данные:

Родительский компонент (UserManagement):

 <main className={classes.mainContent}>
  <Usercontent />
 </main>

Дочерний компонент (UserContent):

class UserContent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      search: ""
    };
  }
 //The problem is here in componentDidMount()
  componentDidMount() {
    this.props.dispatch(userActions.getAll());
  }
 render() {
    const { classes } = this.props;

    if (!this.props.listofusers) {
      return <div>loading..</div>;
    }
    return (

     );
}

const mapStateToProps = state => {
  return {
    listofusers: Object.values(state.users)
  };
};

export default connect(mapStateToProps)(withStyles(styles)(UserContent));

Мои маршруты в App.js:

 <div>
        <Router history={history}>
          <div>
            <Switch>
              <Route exact path="/" component={Home} />
              <Route exact path="/callback" component={Callback} />
              <SecuredRoute
                exact
                path="/dashboard"
                checkingSession={this.state.checkingSession}
                component={DashBoard}
              <SecuredRoute
                exact
                path="/users/management"
                checkingSession={this.state.checkingSession}
                component={UserManagement}
              />      
            </Switch>
          </div>
        </Router>
      </div>