Resolve deprecated i18n request configuration

i18n/i18n.ts

@@ -0,0 +1,19 @@
+// Can be imported from a shared config
+export const locales = [
+  'ar', 
+  'en', 
+  'en-GB', 
+  'es', 
+  'ewe-BJ', 
+  'fon-BJ',
+  'fr', 
+  'hau-NG',
+  'yor-NG',
+  'ja', 
+  'ko',
+  'vi',
+  'zh-CN',
+  'zh-TW'
+] as const;
+
+export const defaultLocale = 'en';

src/i18n.ts → i18n/request.ts

@@ -1,25 +1,6 @@
 import { notFound } from 'next/navigation';
 import { getRequestConfig } from 'next-intl/server';
-
-// Can be imported from a shared config
-export const locales = [
-  'ar', 
-  'en', 
-  'en-GB', 
-  'es', 
-  'ewe-BJ', 
-  'fon-BJ',
-  'fr', 
-  'hau-NG',
-  'yor-NG',
-  'ja', 
-  'ko',
-  'vi',
-  'zh-CN',
-  'zh-TW'
-] as const;
-
-export const defaultLocale = 'en';
+import { locales } from './i18n';
 
 export default getRequestConfig(async ({ locale }) => {
   // Validate that the incoming `locale` parameter is valid
@@ -28,4 +9,4 @@ export default getRequestConfig(async ({ locale }) => {
   return {
     messages: (await import(`../messages/${locale}.json`)).default,
   };
-});
+});

next.config.mjs

@@ -1,7 +1,7 @@
 import createNextIntlPlugin from 'next-intl/plugin';
 import { withSentryConfig } from "@sentry/nextjs";
 
-const withNextIntl = createNextIntlPlugin();
+const withNextIntl = createNextIntlPlugin('./i18n/request.ts');
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {

src/app/[locale]/layout.tsx

@@ -1,7 +1,7 @@
 import { NextIntlClientProvider, useMessages } from 'next-intl';
 import { setRequestLocale } from 'next-intl/server';
 import { Lato } from 'next/font/google';
-import { locales } from '@/i18n';
+import { locales } from '../../../i18n/i18n';
 import { Providers } from '../providers';
 import Navbar from '@/components/shared/navbar/Navbar';
 import logger from '../../../logger.config.mjs';

src/middleware.ts

@@ -1,5 +1,5 @@
 import createMiddleware from 'next-intl/middleware';
-import { locales, defaultLocale } from './i18n';
+import { locales, defaultLocale } from '../i18n/i18n';
 import { localePrefix } from './navigation';
 
 export default createMiddleware({

src/navigation.ts

@@ -1,5 +1,5 @@
 import { createSharedPathnamesNavigation } from 'next-intl/navigation';
-import { locales } from './i18n';
+import { locales } from '../i18n/i18n';
 
 export const localePrefix = 'as-needed';