как использовать одну и ту же функцию жизненного цикла на каждом маршруте в реакции

Question

У меня есть приложение & express. Я использую реагирующий маршрутизатор на стороне клиента, и когда каждый компонент в соответствии с URL-адресом монтируется, я хочу сделать ax ios вызов сервера express, чтобы проверить аутентификацию пользователя и установить локальное состояние пользователя. Как я могу заставить каждый компонент в маршруте делать то же самое, когда они смонтированы? Единственный вариант, который я могу придумать на данный момент, это поставить useEffect(()=>{//axios call},[]) на каждом возможном маршруте.

Например, у меня есть этот код, и я хочу не включать один и тот же код в каждый компонент маршрута.

 <div className="App">
  <Router history={history}>  
  <MenuBar/>
    <Switch>
      <Route exact path="/" component={Main}/>
      <Route path="/signin" component={SignIn}/>
      <Route path="/signup" component={SignUp}/>
      <Route path="/search" component={Search}/>
      <Route path="/post" component={Post}/>
    </Switch>
  </Router>
</div>