From b19406bf22179e5ebc769131a6023ba38b7d82e1 Mon Sep 17 00:00:00 2001
From: Matthew Penner <me@matthewp.io>
Date: Mon, 28 Dec 2020 11:10:01 -0700
Subject: [PATCH] Fix hot-reloading breaking react-router-dom

---
 resources/scripts/components/App.tsx    | 4 +---
 resources/scripts/components/history.ts | 3 +++
 2 files changed, 4 insertions(+), 3 deletions(-)
 create mode 100644 resources/scripts/components/history.ts

diff --git a/resources/scripts/components/App.tsx b/resources/scripts/components/App.tsx
index b809763b7..ef08fc00c 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';
 
 interface ExtendedWindow extends Window {
@@ -31,8 +31,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: '/' });