Fix hot-reloading breaking react-router-dom

Author: matthewpi

resources/scripts/components/App.tsx

@@ -12,7 +12,7 @@ import ProgressBar from '@/components/elements/ProgressBar';
 import NotFound from '@/components/screens/NotFound';
 import tw, { GlobalStyles as TailwindGlobalStyles } from 'twin.macro';
 import GlobalStylesheet from '@/assets/css/GlobalStylesheet';
-import { createBrowserHistory } from 'history';
+import { history } from '@/components/history';
 import { setupInterceptors } from '@/api/interceptors';
 
 interface ExtendedWindow extends Window {
@@ -31,8 +31,6 @@ interface ExtendedWindow extends Window {
     };
 }
 
-const history = createBrowserHistory({ basename: '/' });
-
 setupInterceptors(history);
 
 const Pageview = () => {

resources/scripts/components/history.ts

@@ -0,0 +1,3 @@
+import { createBrowserHistory } from 'history';
+
+export const history = createBrowserHistory({ basename: '/' });