rebuild

Author: jamuhl

CHANGELOG.md

@@ -1,3 +1,7 @@
+### 11.8.9
+
+- Fix allow to replace i18n in provider with useTranslation hook [1273](https://github.com/i18next/react-i18next/pull/1273)
+
 ### 11.8.8
 
 - typescript: Allow `TFuncKey` to be used without specifying the namespace, in the same way TFunction and useTranslation work [1262](https://github.com/i18next/react-i18next/pull/1262)

react-i18next.js

@@ -856,7 +856,15 @@
           return i18n.store.off(e, boundReset);
         });
       };
-    }, [namespaces.join()]);
+    }, [i18n, namespaces.join()]);
+    var isInitial = React.useRef(true);
+    React.useEffect(function () {
+      if (isMounted.current && !isInitial.current) {
+        setT(getT());
+      }
+
+      isInitial.current = false;
+    }, [i18n]);
     var ret = [t.t, i18n, ready];
     ret.t = t.t;
     ret.i18n = i18n;

react-i18next.min.js

@@ -74,7 +74,7 @@ export function useTranslation(ns, props = {}) {
       if (bindI18nStore && i18n)
         bindI18nStore.split(' ').forEach((e) => i18n.store.off(e, boundReset));
     };
-  }, [namespaces.join()]); // re-run effect whenever list of namespaces changes
+  }, [i18n, namespaces.join()]); // re-run effect whenever list of namespaces changes
 
   // t is correctly initialized by useState hook. We only need to update it after i18n
   // instance was replaced (for example in the provider).