fix: bug notfound page

mpsalunggg · mpsalunggg · commit e5eebc548284 · 2025-08-11T23:56:32.000+07:00
diff --git a/src/app/[locale]/[...rest]/page.tsx b/src/app/[locale]/[...rest]/page.tsx
@@ -0,0 +1,5 @@
+import { notFound } from "next/navigation";
+
+export default function CatchAllPage() {
+  notFound();
+}
diff --git a/src/app/[locale]/not-found.tsx b/src/app/[locale]/not-found.tsx
@@ -0,0 +1,4 @@
+// Note that `app/[locale]/[...rest]/page.tsx`
+// is necessary for this page to render.
+
+export { default } from "@/components/layout/NotFoundPage";
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -1,12 +1,16 @@
 "use client";
 
-import NotFoundPage from "@/components/layout/NotFoundPage";
+import Error from "next/error";
+
+// This page renders when a route like `/unknown.txt` is requested.
+// In this case, the layout at `app/[locale]/layout.tsx` receives
+// an invalid value as the `[locale]` param and calls `notFound()`.
 
 export default function GlobalNotFound() {
   return (
     <html lang="en">
-      <body suppressHydrationWarning className="flex h-screen w-full items-center justify-center">
-        <NotFoundPage />
+      <body>
+        <Error statusCode={404} />;
       </body>
     </html>
   );
diff --git a/src/components/layout/NotFoundPage/index.tsx b/src/components/layout/NotFoundPage/index.tsx
@@ -4,7 +4,7 @@ import Link from "next/link";
 
 const NotFoundPage = () => {
   return (
-    <div className="flex flex-col items-center gap-6 text-center">
+    <div className="flex h-screen w-full flex-col items-center justify-center gap-6 text-center">
       <Image
         src="/assets/images/illustrations/404.svg"
         alt="not-found"
