Merge pull request #40 from mapcomponents/Add-MultiTab

Using React HashRouter instead of Router

Author: JannikBrack

multi_tab/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
-  "homepage": ".",
+  "homepage": "https://github-username.github.io/multi_tab/",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",

multi_tab/src/main.tsx

@@ -4,7 +4,7 @@ import {MapComponentsProvider} from "@mapcomponents/react-maplibre";
 import App from './App';
 import DataTableManager from './components/DataTableManager.jsx';
 import './index.css';
-import { Route, Routes } from "react-router-dom";
+import { Route, HashRouter as Router } from "react-router-dom";
 import {QueryClient, QueryClientProvider} from '@tanstack/react-query';
 import {DataContextProvider} from "./contexts/DataContext";
 import pwaUrl from "./lib/pwaUrl";
@@ -28,10 +28,10 @@ ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
         <QueryClientProvider client={queryClient}>
             <MapComponentsProvider>
                 <DataContextProvider>
-                    <Routes>
+                    <Router>
                         <Route path={pathname + "/table"} element={<DataTableManager />} />
                         <Route path={pathname + "/"} element={<App />} />
-                    </Routes>
+                    </Router>
                 </DataContextProvider>
             </MapComponentsProvider>
         </QueryClientProvider>