fix(panel): updated 404 page to work on wouter 3

tabarra · Oct 4, 2024 · e8b6b42 · e8b6b42
1 parent 0f14c48
commit e8b6b42
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/panel/src/layout/MainRouter.tsx b/panel/src/layout/MainRouter.tsx
@@ -176,7 +176,7 @@ export default function MainRouter() {
                 {import.meta.env.DEV && (
                     <WouterRoute path="/test"><TestingPage /></WouterRoute>
                 )}
-                <WouterRoute path="/:fullPath*" component={NotFound} />
+                <WouterRoute component={NotFound} />
             </Switch>
         </ErrorBoundary>
     );

diff --git a/panel/src/pages/NotFound.tsx b/panel/src/pages/NotFound.tsx
@@ -4,7 +4,7 @@ import { Link } from "wouter";
 
 type Props = {
     params: {
-        fullPath: string;
+        '*': string;
     };
 };
 export default function NotFound({ params }: Props) {
@@ -15,7 +15,7 @@ export default function NotFound({ params }: Props) {
             <div className="text-center">
                 <h1 className="bg-fuchsia-600 text-4xl w-fit mx-auto">404 | Not Found</h1>
                 <p className="mt-2">
-                    The page <InlineCode>/{params.fullPath}</InlineCode> does not seem to be correct.
+                    The page <InlineCode>/{params['*']}</InlineCode> does not seem to be correct.
                 </p>
                 <Link href="/" className="text-accent hover:underline">Return to Dashboard?</Link>
             </div>