Updated build to build specifically for the map subdirectory

package.json

@@ -22,6 +22,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-map-gl": "^7.1.7",
+    "react-router-dom": "^6.24.0",
     "sass": "^1.76.0"
   },
   "devDependencies": {
@@ -37,5 +38,5 @@
     "typescript": "^5.2.2",
     "vite": "^5.2.0"
   },
-  "homepage": "./map/"
+  "homepage": "/map/"
 }

src/main.tsx

@@ -3,9 +3,21 @@ import ReactDOM from 'react-dom/client'
 import App from './App.tsx'
 import 'mapbox-gl/dist/mapbox-gl.css';
 import './index.scss'
+import { RouterProvider, createBrowserRouter } from 'react-router-dom';
+
+const router = createBrowserRouter([
+  {
+    path: '/',
+    element: (
+      <App />
+    )
+  },
+], {
+  basename: import.meta.env.VITE_BASEURL
+});
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <App />
+    <RouterProvider router={router} />
   </React.StrictMode>
 )

vite.config.ts

@@ -3,5 +3,6 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  // base: '/map/',
   plugins: [react()],
 })