React router tidak bekerja pada saat di build

selamat siang semua, saya ada masalah ketika saya deploy sebuah aplikasi menggunakan reactjs. setelah mengetik url di browser, selalu muncul error "404 not found" pada saat mode production. namun bekerja pada saat mode development.

ini adalah output saya menggunakan BrowerRouter pada saat sudah di build

saya mendapatkan solusi dengan mengganti BrowserRouter menjadi HashRouter, namun penulisan router menjadi sedikit berbeda, menjadi "www.blabla.com/#/login".

ini adalah output saya menggunakan HashRouter pada saat sudah di build

ini code adalah code saya

import { BrowserRouter, HashRouter, Switch, Route } from 'react-router-dom';
<HashRouter>
        <Switch>
          <Route path="/" exact component={DefaultLayout}/>
          <Route path="/login" component={Login}/>
          <Route path="/logout" component={Logout}/>
          <Route path="/register" component={Register}/>
          <Route component={noMatch}/>
        </Switch>
</HashRouter>

saya mau bertanya, apakah saya tetap bisa menggunakan BrowserRouter pada saat mode production?? jika bisa bagaimana cara mengatasi error seperti gambar pertama? terimakasih.