From e8b6b4299a9574259f07cdb5f55e1afe4ac3ba40 Mon Sep 17 00:00:00 2001
From: tabarra <1808295+tabarra@users.noreply.github.com>
Date: Fri, 4 Oct 2024 14:45:39 -0300
Subject: [PATCH] fix(panel): updated 404 page to work on wouter 3

---
 panel/src/layout/MainRouter.tsx | 2 +-
 panel/src/pages/NotFound.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/panel/src/layout/MainRouter.tsx b/panel/src/layout/MainRouter.tsx
index 0e11d8856..5f0c05881 100644
--- 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
index fbc9e8ec5..76208acee 100644
--- 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>