функция промежуточного ПО для каждого компонента в реагирующем маршрутизаторе при рендеринге

Question

Для каждого загружаемого компонента мне нужно проверить, существует ли файл cookie, но я получаю эту ошибку при отображении функции this.requireLogin:

компонент Загрузка не определен.

class App extends Component {
  requireLogin = (component) => {
    // checking cookie Exists
    if(!cookieExist){
      axios.get("api/login")
        .then(res => window.location.assign(res.data))
        .catch(err => console.log("error occured on login service", err))
        return <div><Loading /></div>
      }else{
       return <${component} />
      }
    }

  render() {
    return(
      <BrowserRouter> 
        <Header />
        <div className="content">
          <Route path="/aboutus" render={() => this.requireLogin("AboutUs")} />
          <Route path="/contact" render={() => this.requireLogin("Contact")/>
          <Route path="/" render={() => this.requireLogin("HomePage")}
        </div>
        <Footer />
      </BrowserRouter>
    )
  }
}