fix: resolve several next-intl deprecation warnings (#1336)

Signed-off-by: Michael Edgar <[email protected]>

ui/i18n.tsx

@@ -1,6 +1,7 @@
 import { Text } from "@/libs/patternfly/react-core";
 import { getRequestConfig } from "next-intl/server";
 import { IntlConfig } from "use-intl";
+import { routing } from './i18n/routing';
 
 export const defaultTranslationValues: IntlConfig["defaultTranslationValues"] =
   {
@@ -12,7 +13,17 @@ export const defaultTranslationValues: IntlConfig["defaultTranslationValues"] =
     text: (text) => <Text>{text}</Text>,
   };
 
-export default getRequestConfig(async ({ locale }) => ({
-  messages: (await import(`./messages/${locale}.json`)).default,
-  defaultTranslationValues,
-}));
+export default getRequestConfig(async ({ requestLocale }) => {
+    let locale = await requestLocale;
+
+    // Ensure that the incoming locale is valid
+    if (!locale || !routing.locales.includes(locale as any)) {
+      locale = routing.defaultLocale;
+    }
+
+    return ({
+      messages: (await import(`./messages/${locale}.json`)).default,
+      defaultTranslationValues,
+      locale,
+    });
+});

ui/i18n/request.ts

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

ui/i18n/routing.ts

@@ -1,5 +1,5 @@
 import { defineRouting } from "next-intl/routing";
-import { createSharedPathnamesNavigation } from "next-intl/navigation";
+import { createNavigation } from "next-intl/navigation";
 
 export const locales = ["en"] as const;
 
@@ -14,5 +14,13 @@ export const routing = defineRouting({
 
 // Lightweight wrappers around Next.js' navigation APIs
 // that will consider the routing configuration
-export const { Link, redirect, usePathname, useRouter } =
-  createSharedPathnamesNavigation(routing);
+let nav = createNavigation(routing);
+
+export const { Link, redirect, usePathname, useRouter } = {
+    Link: nav.Link,
+    redirect: (path: string) => {
+        nav.redirect({ href: path, locale: "en" });
+    },
+    usePathname: nav.usePathname,
+    useRouter: nav.useRouter,
+};