Update the locale routing

next.config.js

@@ -6,10 +6,10 @@ const nextConfig = {
     ignoreBuildErrors: true,
   },
   experimental: {
-    typedRoutes: true,
-    swcPlugins: [
-      ["@lingui/swc-plugin", {}],
-    ]
+    // typedRoutes: true,
+    // swcPlugins: [
+    //   ["@lingui/swc-plugin", {}],
+    // ]
   },
   webpack: function (config) {
     config.module.rules.push({
@@ -18,11 +18,6 @@ const nextConfig = {
     });
     return config;
   },
-  i18n: {
-    // These are all the locales we want to support
-    locales: ["en", "fr"],
-    defaultLocale: "en"
-  },
   output: undefined
 }
 

src/app/(portfolio)/errors.tsx

@@ -0,0 +1,34 @@
+"use client"
+
+import { useRouter } from "next/navigation";
+import { useEffect } from 'react'
+
+export default function Error({
+    error,
+    reset,
+}: {
+    error: Error & { digest?: string }
+    reset: () => void
+}) {
+    const router = useRouter();
+
+    useEffect(() => {
+        // Log the error to an error reporting service
+        console.error(error)
+        router.push("/");
+    }, [error, router]);
+
+    return (
+        <div>
+            <h2>Something went wrong!</h2>
+            <button
+                onClick={
+                    // Attempt to recover by trying to re-render the segment
+                    () => reset()
+                }
+            >
+                Try again
+            </button>
+        </div>
+    )
+}