Throwing 404 to the wall

gui/rpk-gui/src/pages/ErrorPage.tsx

@@ -0,0 +1,4 @@
+
+export const Error404Page = () => {
+  return <h2>EROR NO FUND</h2>
+};

gui/rpk-gui/src/pages/firm/base-page/Edit.tsx

@@ -38,6 +38,10 @@ const Edit = <T,>(props: EditProps) => {
     return <Navigate to="../" />
   }
 
+  if (query.error?.status == 404) {
+    throw query.error
+  }
+
   const record = query.data.data;
   return (
     <>

gui/rpk-gui/src/pages/firm/base-page/List.tsx

@@ -85,6 +85,10 @@ const List = <T extends GridValidRowModel>(props: ListProps) => {
     return <CircularProgress />
   }
 
+  if (tableQueryResult.error?.status == 404) {
+    throw tableQueryResult.error
+  }
+
   return (
     <RefineList>
       <Link to={"create"} >

gui/rpk-gui/src/pages/firm/index.tsx

@@ -1,7 +1,7 @@
 import { Route, Routes, Link } from "react-router";
-import React, { useContext } from "react";
-import { useForm, useOne, useTranslation } from "@refinedev/core";
-import { FirmContext, FirmContextProvider } from "../../contexts/FirmContext";
+import React from "react";
+import { useForm, useTranslation } from "@refinedev/core";
+import { FirmContextProvider } from "../../contexts/FirmContext";
 import { Header } from "../../components";
 import { CrudForm } from "../../lib/crud/components/crud-form";
 import { IFirm } from "../../interfaces";
@@ -10,22 +10,26 @@ import { ContractRoutes } from "./ContractRoutes";
 import { DraftRoutes } from "./DraftRoutes";
 import { TemplateRoutes } from "./TemplateRoutes";
 import { ProvisionRoutes } from "./ProvisionRoutes";
+import { ErrorBoundary } from "react-error-boundary";
+import { Error404Page } from "../ErrorPage";
 
 export const FirmRoutes = () => {
   return (
     <Routes>
       <Route path="/:instance/:firm/*" element={
-        <FirmContextProvider>
-          <Header />
-          <Routes>
-            <Route index element={ <FirmHome /> } />
-            <Route path="/entities/*" element={ <EntityRoutes /> } />
-            <Route path="/provisions/*" element={ <ProvisionRoutes /> } />
-            <Route path="/templates/*" element={ <TemplateRoutes /> } />
-            <Route path="/drafts/*" element={ <DraftRoutes /> } />
-            <Route path="/contracts/*" element={ <ContractRoutes /> } />
-          </Routes>
-        </FirmContextProvider>
+        <ErrorBoundary fallback={<><Header /><Error404Page /></>} >
+          <FirmContextProvider>
+            <Header />
+              <Routes>
+                <Route index element={ <FirmHome /> } />
+                <Route path="/entities/*" element={ <EntityRoutes /> } />
+                <Route path="/provisions/*" element={ <ProvisionRoutes /> } />
+                <Route path="/templates/*" element={ <TemplateRoutes /> } />
+                <Route path="/drafts/*" element={ <DraftRoutes /> } />
+                <Route path="/contracts/*" element={ <ContractRoutes /> } />
+              </Routes>
+            </FirmContextProvider>
+          </ErrorBoundary>
       } />
     </Routes>
   );