fix: warn in changeLocale shows defined locales

QuiiBz · Dec 24, 2023 · fdd3efe · fdd3efe
1 parent f3c9ca0
commit fdd3efe
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/next-international/src/app/client/create-i18n-provider-client.tsx b/packages/next-international/src/app/client/create-i18n-provider-client.tsx
@@ -11,9 +11,8 @@ type I18nProviderProps = Omit<I18nProviderWrapperProps, 'fallback'>;
 type I18nProviderWrapperProps = {
   locale: string;
   fallback?: ReactNode;
-  children: ReactNode;
-
   importLocale: Promise<Record<string, unknown>>;
+  children: ReactNode;
 };
 
 export const localesCache = new Map<string, Record<string, unknown>>();
@@ -25,9 +24,11 @@ export function createI18nProviderClient<Locale extends BaseLocale>(
 ) {
   function I18nProvider({ locale, importLocale, children }: I18nProviderProps) {
     const clientLocale = (localesCache.get(locale) ?? use(importLocale).default) as Record<string, unknown>;
+
     if (!localesCache.has(locale)) {
       localesCache.set(locale, clientLocale);
     }
+
     const value = useMemo(
       () => ({
         localeContent: flattenLocale<Locale>(clientLocale),
@@ -42,6 +43,7 @@ export function createI18nProviderClient<Locale extends BaseLocale>(
 
   return function I18nProviderWrapper({ locale, fallback, children }: I18nProviderWrapperProps) {
     const importFnLocale = locales[locale as keyof typeof locales];
+
     if (!importFnLocale) {
       error(`The locale '${locale}' is not supported. Defined locales are: [${Object.keys(locales).join(', ')}].`);
       notFound();

diff --git a/packages/next-international/src/app/client/create-use-change-locale.ts b/packages/next-international/src/app/client/create-use-change-locale.ts
@@ -32,13 +32,15 @@ export function createUseChangeLocale<LocalesKeys>(
 
     return function changeLocale(newLocale: LocalesKeys) {
       const importFnLocale = locales[newLocale as keyof typeof locales];
+
       if (!importFnLocale) {
-        warn(`The locale '${newLocale}' is not supported.`);
+        warn(`The locale '${newLocale}' is not supported. Defined locales are: [${Object.keys(locales).join(', ')}].`);
         return;
       }
 
       importFnLocale().then(module => {
         localesCache.set(newLocale as string, module.default);
+
         push(`/${newLocale}${pathWithoutLocale}${finalSearchParams}`);
         refresh();
       });