Electron & React - BrowserRouter 문제

Electron React 프로젝트를 진행하다가 router가 작동을 안하는 문제가 발생했습니다.

import { BrowserRouter } from "react-router-dom";

ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
  <React.StrictMode>
  	<BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>,
);

그래서 찾아보니 Electron에서는 BrowserRouter 대신 HashRouter를 사용해야 하더라고요.
정확한 이유는 모르겠지만 아래와 같이 HashRouter로 감싸주시면 됩니다.

import { HashRouter } from "react-router-dom";

ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
  <React.StrictMode>
  	<HashRouter>
      <App />
    </HashRouter>
  </React.StrictMode>,
);