chore(client): explore not found component

client/src/components/App.js

@@ -22,6 +22,7 @@ import {SITE_SUBTITLE, SITE_TITLE} from "../constants/app";
 import {EPIVAR_NODES} from "../config";
 import {useNode, useUrlEncodedNode} from "../hooks";
 import DatasetPage from "./pages/DatasetPage";
+import NotFound from "./NotFound";
 
 
 const RoutedApp = () => {
@@ -165,6 +166,7 @@ const App = () => {
               <Route index={true} element={<PeakResults />} />
               <Route path="locus/:chrom/:position/:assay" element={<PeakResults />} />
               <Route path="locus/:chrom/:position" element={<PeakResults />} />
+              <Route path="*" element={<NotFound context="no explore route" />} />
             </Route>
           </Route>
           <Route path="faq" element={<FAQPage />} />

client/src/components/NotFound.js

@@ -0,0 +1,18 @@
+import React, {useEffect} from "react";
+import {useLocation} from "react-router-dom";
+
+const NotFound = ({context}) => {
+  const location = useLocation();
+
+  useEffect(() => {
+    console.debug("not found location", location);
+  }, [location]);
+
+  return (
+    <div>
+      <h2>Not Found{context ? `: ${context}` : null}</h2>
+    </div>
+  );
+};
+
+export default NotFound;