Update to next-intl@3.18.0 and use defineRouting

package.json

@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "next": "^14.1.0",
-    "next-intl": "^3.11.0",
+    "next-intl": "^3.18.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

src/i18n.ts

@@ -1,10 +1,10 @@
 import {notFound} from 'next/navigation';
 import {getRequestConfig} from 'next-intl/server';
-import {locales} from './navigation';
+import {routing} from './routing';
 
 export default getRequestConfig(async ({locale}) => {
   // Validate that the incoming `locale` parameter is valid
-  if (!locales.includes(locale as any)) notFound();
+  if (!routing.locales.includes(locale as any)) notFound();
 
   return {
     messages: (await import(`../messages/${locale}.json`)).default

src/middleware.ts

@@ -1,11 +1,7 @@
 import createMiddleware from 'next-intl/middleware';
-import {locales, localePrefix, defaultLocale} from './navigation';
+import {routing} from './routing';
 
-export default createMiddleware({
-  defaultLocale,
-  locales,
-  localePrefix
-});
+export default createMiddleware(routing);
 
 export const config = {
   matcher: ['/', '/(en)/:path*']

src/routing.ts

@@ -0,0 +1,10 @@
+import {createSharedPathnamesNavigation} from 'next-intl/navigation';
+import {defineRouting} from 'next-intl/routing'
+
+export const routing = defineRouting({
+  locales: ['en'],
+  defaultLocale: 'en',
+})
+
+export const {Link, redirect, usePathname, useRouter} =
+  createSharedPathnamesNavigation(routing);