Merge pull request #722 from franz-bendezu/dependabot/npm_and_yarn/next-intl-4.0.1

fix(deps): bump next-intl from 3.26.5 to 4.0.1

Author: franz-bendezu

.devcontainer/devcontainer.json

@@ -9,7 +9,8 @@
 			"extensions": [
 				"bradlc.vscode-tailwindcss",
 				"esbenp.prettier-vscode",
-				"dbaeumer.vscode-eslint"
+				"dbaeumer.vscode-eslint",
+				"vitest.explorer"
 			]
 		}
 	}

global.d.ts

@@ -0,0 +1,11 @@
+// global.d.ts
+import type { routing } from "./i18n/routing";
+import type messagesEn from "@/messages/en.json";
+import type messagesEs from "@/messages/es.json";
+
+declare module "next-intl" {
+  interface AppConfig {
+    Locale: (typeof routing.locales)[number];
+    Messages: typeof messagesEn | typeof messagesEs;
+  }
+}

i18n.ts

@@ -0,0 +1,5 @@
+import { createNavigation } from "next-intl/navigation";
+import { routing } from "./routing";
+
+export const { Link, redirect, usePathname, useRouter } =
+  createNavigation(routing);

i18n/navigation.ts

@@ -0,0 +1,15 @@
+import { getRequestConfig } from "next-intl/server";
+import { hasLocale } from "next-intl";
+import { routing } from "./routing";
+
+export default getRequestConfig(async ({ requestLocale }) => {
+  // Typically corresponds to the `[locale]` segment
+  const requested = await requestLocale;
+  const locale = hasLocale(routing.locales, requested)
+    ? requested
+    : routing.defaultLocale;
+  return {
+    locale,
+    messages: (await import(`@/messages/${locale}.json`)).default,
+  };
+});

i18n/request.ts

@@ -0,0 +1,7 @@
+import { DEFAULT_LOCALE, LOCALES } from '@/constants/locales';
+import {defineRouting} from 'next-intl/routing';
+ 
+export const routing = defineRouting({
+  locales: LOCALES.map((l) => l.locale),
+  defaultLocale: DEFAULT_LOCALE,
+});

i18n/routing.tsx

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

next-env.d.ts

@@ -15,7 +15,7 @@
     "@tailwindcss/postcss": "^4.0.13",
     "next": "^15.2.2",
     "next-image-export-optimizer": "^1.18.0",
-    "next-intl": "^3.26.5",
+    "next-intl": "^4.0.1",
     "next-themes": "^0.4.6",
     "prettier": "^3.5.3",
     "react": "^19.0.0",

package.json

@@ -5,7 +5,7 @@ import { NextIntlClientProvider } from "next-intl";
 import { act } from "react";
 
 vi.mock("next-intl/server", () => ({
-  unstable_setRequestLocale: vi.fn(),
+  setRequestLocale: vi.fn(),
 }));
 
 test("Page", async () => {

src/__tests__/about.test.tsx

@@ -10,7 +10,7 @@ vi.mock("@formspree/react", () => ({
 }));
 
 vi.mock("next-intl/server", () => ({
-  unstable_setRequestLocale: vi.fn(),
+  setRequestLocale: vi.fn(),
 }));
 
 test("Page", async () => {