Некоторые пути response-router-dom показывают пустую страницу

Question

Я использую реагирующее маршрутизатор-дом для навигации в моем приложении. Приложение работает на обычном веб-хостинге Apache. Я отредактировал файл .htaccess примерно так:

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

Это мой код

class App extends Component {


  render() {

    return (

      <div>
      <Layout>
      <HashRouter>
        <div>
            <HeaderTop/>

            <Header/>
         <Route exact path="/contact" component={ContactUs}/>
         <Route exact path="/about" component={AboutUs}/>
         <Route path="/search" component={Search} />
         <Route exact path="/" component={Body}/>

{
    arr.map((item, i) => {


      return  <Route key={uuid()}  path={"/safaris/" + item.title.split(" ").join("_")} component={(props) => <SafariItemExpandedUrlNav {...props} routeData={item} />}/>
    })
  }


            <Footer />

        </div>
      </HashRouter>





      </Layout>


      </div>
    );
  }
}

Все маршруты, кроме тех, которые генерируются из функции map, работают. Другие маршруты, которые я возвращаю в функции map, отображают пустую страницу. В чем может быть проблема?