react-i18next 16.2.0 → 16.2.2

package/src/useTranslation.js

@@ -50,15 +50,23 @@ export const useTranslation = (ns, props = {}) => {
 
   i18n?.reportNamespaces?.addUsedNamespaces?.(namespaces);
 
+  const revisionRef = useRef(0);
   const subscribe = useCallback(
     (callback) => {
       if (!i18n) return dummySubscribe;
       const { bindI18n, bindI18nStore } = i18nOptions;
-      if (bindI18n) i18n.on(bindI18n, callback);
-      if (bindI18nStore) i18n.store.on(bindI18nStore, callback);
+
+      const wrappedCallback = () => {
+        revisionRef.current += 1;
+        callback();
+      };
+
+      if (bindI18n) i18n.on(bindI18n, wrappedCallback);
+      if (bindI18nStore) i18n.store.on(bindI18nStore, wrappedCallback);
       return () => {
-        if (bindI18n) bindI18n.split(' ').forEach((e) => i18n.off(e, callback));
-        if (bindI18nStore) bindI18nStore.split(' ').forEach((e) => i18n.store.off(e, callback));
+        if (bindI18n) bindI18n.split(' ').forEach((e) => i18n.off(e, wrappedCallback));
+        if (bindI18nStore)
+          bindI18nStore.split(' ').forEach((e) => i18n.store.off(e, wrappedCallback));
       };
     },
     [i18n, i18nOptions],
@@ -72,25 +80,32 @@ export const useTranslation = (ns, props = {}) => {
     const calculatedReady =
       !!(i18n.isInitialized || i18n.initializedStoreOnce) &&
       namespaces.every((n) => hasLoadedNamespace(n, i18n, i18nOptions));
-    const calculatedT = i18n.getFixedT(
-      props.lng || i18n.language,
-      i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0],
-      keyPrefix,
-    );
+    const currentLng = props.lng || i18n.language;
+    const currentRevision = revisionRef.current;
+
     const lastSnapshot = snapshotRef.current;
     if (
       lastSnapshot &&
       lastSnapshot.ready === calculatedReady &&
-      lastSnapshot.lng === (props.lng || i18n.language) &&
-      lastSnapshot.keyPrefix === keyPrefix
+      lastSnapshot.lng === currentLng &&
+      lastSnapshot.keyPrefix === keyPrefix &&
+      lastSnapshot.revision === currentRevision // Check revision
     ) {
       return lastSnapshot;
     }
+
+    const calculatedT = i18n.getFixedT(
+      currentLng,
+      i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0],
+      keyPrefix,
+    );
+
     const newSnapshot = {
       t: calculatedT,
       ready: calculatedReady,
-      lng: props.lng || i18n.language,
+      lng: currentLng,
       keyPrefix,
+      revision: currentRevision, // Store revision
     };
     snapshotRef.current = newSnapshot;
     return newSnapshot;