updates intl formatting

next-env.d.ts

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

package.json

@@ -43,7 +43,6 @@
         "@silvermine/videojs-chromecast": "^1.5.0",
         "@tanstack/react-query": "^5.56.2",
         "@tanstack/react-query-devtools": "^5.56.2",
-        "caniuse-lite": "^1.0.30001669",
         "clsx": "^2.1.1",
         "cookie": "^0.7.0",
         "dayjs": "^1.11.13",

src/lib/getIntlMessages.ts

@@ -2,7 +2,7 @@ import { ResolvedIntlConfig } from 'react-intl';
 
 import getLanguageByBaseUrl from '~lib/getLanguageByBaseUrl';
 
-export default function getIntlMessages(
+export default async function getIntlMessages(
 	languageRoute: string,
 ): Promise<ResolvedIntlConfig['messages']> {
 	const lang = getLanguageByBaseUrl(languageRoute, 'en');
@@ -11,5 +11,17 @@ export default function getIntlMessages(
 		throw new Error(`Language "${languageRoute}" not found`);
 	}
 
-	return import(`~public/compiled-lang/${lang.base_urls[0]}.json`);
+	// Import pre-compiled messages
+	const messages = await import(
+		`~public/compiled-lang/${lang.base_urls[0]}.json`
+	);
+
+	// Ensure messages are in the correct format for react-intl v6
+	return Object.entries(messages).reduce(
+		(acc, [key, value]) => {
+			acc[key] = Array.isArray(value) ? value : [{ type: 0, value }];
+			return acc;
+		},
+		{} as ResolvedIntlConfig['messages'],
+	);
 }