Add rerouting for some undefined paths.

Author: VillePihlava

src/App.js

@@ -1,23 +1,23 @@
 import React from 'react';
 import { BrowserRouter, Route, Routes, Navigate } from 'react-router-dom';
 
-import { API_VERSION_1, API_VERSION_2 } from './config';
+import { API_VERSION_1, API_VERSION_2, DEFAULT_PATH } from './config';
 import DefaultApiRoute from './graphiql/DefaultApiRoute';
 import Version1ApiRoute from './graphiql/Version1ApiRoute';
 import Version2ApiRoute from './graphiql/Version2ApiRoute';
 
 export default () => {
   return (
-    <BrowserRouter basename="/graphiql">
+    <BrowserRouter>
       <Routes>
-        <Route path="/" exact element={<Navigate to="/hsl" />} />
-        <Route path="/:router" element={<DefaultApiRoute />}>
+        <Route path="*" element={<Navigate to={DEFAULT_PATH} />} />
+        <Route path="/graphiql/:router" element={<DefaultApiRoute />}>
           <Route
-            path={`/:router/${API_VERSION_1}`}
+            path={`/graphiql/:router/${API_VERSION_1}`}
             element={<Version1ApiRoute />}
           />
           <Route
-            path={`/:router/${API_VERSION_2}/:dialect/:dialectVersion`}
+            path={`/graphiql/:router/${API_VERSION_2}/:dialect/:dialectVersion`}
             element={<Version2ApiRoute />}
           />
         </Route>

src/config.js

@@ -2,6 +2,7 @@ export const API_VERSION_1 = 'v1';
 export const API_VERSION_2 = 'v2';
 export const DIALECT_VERSION_1 = 'v1';
 export const PRODUCTION_API_URL = 'api.digitransit.fi';
+export const DEFAULT_PATH = '/graphiql/hsl';
 export const API_TYPE = Object.freeze({
   DEV: 'dev',
   PROD: 'prod',