Replace BrowserRouter with HashRouter for gh-pages (#23)

domhhv · Feb 8, 2024 · a051885 · a051885
1 parent 072ffb1
commit a051885
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/App.tsx b/src/components/App.tsx
@@ -10,7 +10,7 @@ import { CssVarsProvider, styled } from '@mui/joy';
 import { SessionContextProvider } from '@supabase/auth-helpers-react';
 import { supabaseClient, theme } from '@utils';
 import React from 'react';
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import { HashRouter, Navigate, Route, Routes } from 'react-router-dom';
 
 const StyledAppContainerDiv = styled('div')({
   display: 'flex',
@@ -36,7 +36,7 @@ const App = () => {
           <AuthProvider>
             <HabitsProvider>
               <CalendarEventsProvider>
-                <BrowserRouter>
+                <HashRouter>
                   <AppHeader />
                   <StyledAppContainerDiv>
                     <Routes>
@@ -45,9 +45,13 @@ const App = () => {
                         element={<Calendar aria-label="Event date" />}
                       />
                       <Route path="/account" element={<AccountPage />} />
+                      <Route
+                        path="*"
+                        element={<Navigate to="/calendar" replace />}
+                      />
                     </Routes>
                   </StyledAppContainerDiv>
-                </BrowserRouter>
+                </HashRouter>
               </CalendarEventsProvider>
             </HabitsProvider>
           </AuthProvider>