라우팅 버그?

index.js 에 

ReactDOM.render(
  <React.StrictMode>
    <BrowserRouter>
    <App />
    </BrowserRouter>
  </React.StrictMode>,
  document.getElementById('root')
);

이렇게  BrowserRouter로 기입하고

App.js에 

<Route exact path="/">
      메인 페이지에요
    </Route>
    <Route path="/detail">
      <div>디테일 페이지에요</div>
    </Route>

이렇게 기입했는데 버튼들을 누르면 계속 HashRouter을 기입한것처럼 /#가 붙어서 나와서 내용들이 안보여요..

무엇이 잘못되었나요? ㅜㅜ