try to fix for turbo #2222

package.json

@@ -134,7 +134,7 @@
     "@types/hoist-non-react-statics": "^3.3.4",
     "core-js": "^3",
     "hoist-non-react-statics": "^3.3.2",
-    "i18next-fs-backend": "^2.3.0"
+    "i18next-fs-backend": "^2.3.1"
   },
   "peerDependencies": {
     "i18next": "^23.7.7",

src/appWithTranslation.client.test.tsx

@@ -119,8 +119,10 @@ describe('appWithTranslation', () => {
           locales: ['en', 'de'],
         },
         resources: {
-          xyz: {
-            custom: 'resources',
+          en: {
+            xyz: {
+              custom: 'resources',
+            },
           },
         },
       } as any
@@ -129,9 +131,11 @@ describe('appWithTranslation', () => {
     const [args] = (I18nextProvider as jest.Mock).mock.calls
 
     expect(args[0].i18n.options.resources).toMatchObject({
-      xyz: {
-        custom: 'resources',
-      },
+      en: {
+        xyz: {
+          custom: 'resources',
+        },
+      }
     })
   })
 

src/appWithTranslation.tsx

@@ -8,7 +8,7 @@ import createClient from './createClient'
 
 import { SSRConfig, UserConfig } from './types'
 
-import { i18n as I18NextClient } from 'i18next'
+import { i18n as I18NextClient, Resource } from 'i18next'
 import { useIsomorphicLayoutEffect } from './utils'
 export {
   Trans,
@@ -18,6 +18,26 @@ export {
 
 export let globalI18n: I18NextClient | null = null
 
+const addResourcesToI18next = (instance: I18NextClient, resources: Resource) => {
+  if (resources && instance.isInitialized) {
+    for (const locale of Object.keys(resources)) {
+      for (const ns of Object.keys(resources[locale])) {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        if (instance.hasLoadedNamespace(ns, { lng: locale })) {
+          instance.addResourceBundle(
+            locale,
+            ns,
+            resources[locale][ns],
+            true,
+            true
+          )
+        }
+      }
+    }
+  }
+}
+
 export const appWithTranslation = <Props extends NextJsAppProps>(
   WrappedComponent: React.ComponentType<Props>,
   configOverride: UserConfig | null = null
@@ -69,19 +89,7 @@ export const appWithTranslation = <Props extends NextJsAppProps>(
 
       let instance = instanceRef.current
       if (instance) {
-        if (resources) {
-          for (const locale of Object.keys(resources)) {
-            for (const ns of Object.keys(resources[locale])) {
-              instance.addResourceBundle(
-                locale,
-                ns,
-                resources[locale][ns],
-                true,
-                true
-              )
-            }
-          }
-        }
+        addResourcesToI18next(instance, resources)
       } else {
         instance = createClient({
           ...createConfig({
@@ -93,6 +101,8 @@ export const appWithTranslation = <Props extends NextJsAppProps>(
           resources,
         }).i18n
 
+        addResourcesToI18next(instance, resources)
+
         globalI18n = instance
         instanceRef.current = instance
       }