From 06cabb0e1880f34b4188ef3b1989e15a1897e451 Mon Sep 17 00:00:00 2001
From: GW_MC <72297530+GWMCwing@users.noreply.github.com>
Date: Tue, 2 Dec 2025 19:51:49 +0800
Subject: [PATCH] Add catch-all 404 route and NotFound component to frontend
 routing

---
 apps/frontend/app/routes.ts      | 8 ++++++--
 apps/frontend/app/routes/404.tsx | 3 +++
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 apps/frontend/app/routes/404.tsx

diff --git a/apps/frontend/app/routes.ts b/apps/frontend/app/routes.ts
index 102b402..9411f45 100644
--- a/apps/frontend/app/routes.ts
+++ b/apps/frontend/app/routes.ts
@@ -1,3 +1,7 @@
-import { type RouteConfig, index } from "@react-router/dev/routes";
+import { type RouteConfig, index, route } from '@react-router/dev/routes';
 
-export default [index("routes/home.tsx")] satisfies RouteConfig;
+export default [
+  index('routes/home.tsx'),
+  // catch-all 404 route
+  route('*', 'routes/404.tsx'),
+] satisfies RouteConfig;
diff --git a/apps/frontend/app/routes/404.tsx b/apps/frontend/app/routes/404.tsx
new file mode 100644
index 0000000..217238d
--- /dev/null
+++ b/apps/frontend/app/routes/404.tsx
@@ -0,0 +1,3 @@
+export default function NotFound() {
+  return <h1>404 - Not Found</h1>;
+}