Ошибка: «Максимальная глубина обновления превышает`»

Question

Мне нужна помощь здесь.

Я уже нашел подобный вопрос здесь, в StackOverflow ( Аналогичный вопрос )

Я прочитал и попытался выяснить, что может быть не так с моим кодом. Я немного новичок как разработчик, и я все еще учусь, как отлаживать код, поэтому, пожалуйста, извините, если ответ появляется, но мне действительно нужна ясность здесь.

I ' Я разрабатываю проект в React-Redux, и когда я пытаюсь загрузить приложение, оно показывает ошибку заголовка.

Я подозреваю, что ошибка в моем приложении. js. Там go ниже части кода:

class App extends Component {  

  resetActiveIndexToZero = () => {
    this.setState({ activeIndex: 0 })
  }

  componentDidMount() {
    const { handleInitialData } = this.props
    handleInitialData()
  }

  render() {
    const { isAuthenticated } = this.props    

    return (
      <BrowserRouter>
          <Fragment>
            <LoadingBar style={{ zIndex: 1000 }} />            
            {isAuthenticated && <Menu />}
            <div className='ui main text container' style={{ marginTop: '7em' }}>
              <Switch>
                <Route path='/' exact component={RequiresAuth(QuestionList)} />
                <Route path='/add' component={QuestionNew} />
                <Route path='/login' component={Login} />
                <Route path='/questions/:question_id' component={RequiresAuth(QuestionView)} />
                <Route path='/leaderboard' component={RequiresAuth(Leaderboard)} />                                                     
                <Route path='/logout' component={Logout} />                   
                <Route path='/404' component={PageNotFound} />                          
              </Switch>
            </div>
            <Footer />
          </Fragment>
      </BrowserRouter>         
    )
  }  
}

const mapStateToProps = (state) => {
    const { authedUser } = state
    return { isAuthenticated: authedUser !== null }
}

Я пробовал некоторые вещи, но безуспешно.

Что может быть не так с этим кодом?

Любой идеи?

Заранее спасибо.

ОБНОВЛЕНИЕ 1

Вот код архива Requirent. js, как прокомментировано в ответе ниже:

import React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
import { Redirect } from 'react-router'

export default function (ComposedComponent) {
    class RequiresAuth extends React.Component {
        static propTypes = {
            isAuthenticated: PropTypes.bool            
        }

        render() {
            return (
                <div>
                    {this.props.isAuthenticated ? <ComposedComponent {...this.props} /> 
                    : <Redirect to={{ pathname: '/login', state: { referrer: window.location.pathname}}} />}                   
                </div>
            )
        }    
    }

    const mapStateToProps = (state) => {
        return {
            isAuthenticated: state.authedUser !== null
        }
    }    

    return connect(mapStateToProps)(RequiresAuth)

ОБНОВЛЕНИЕ 2

Вот коды и поле: https://sit9d.csb.app/login