diff --git a/resources/scripts/components/App.tsx b/resources/scripts/components/App.tsx
index c951bbc2f..5f42d13cd 100644
--- a/resources/scripts/components/App.tsx
+++ b/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';
 
 const ChunkedAdminRouter = lazy(() => import(/* webpackChunkName: "admin" */'@/routers/AdminRouter'));
@@ -33,8 +33,6 @@ interface ExtendedWindow extends Window {
     };
 }
 
-const history = createBrowserHistory({ basename: '/' });
-
 setupInterceptors(history);
 
 const Pageview = () => {
diff --git a/resources/scripts/components/history.ts b/resources/scripts/components/history.ts
new file mode 100644
index 000000000..5f339d963
--- /dev/null
+++ b/resources/scripts/components/history.ts
@@ -0,0 +1,3 @@
+import { createBrowserHistory } from 'history';
+
+export const history = createBrowserHistory({ basename: '/' });