missing keys during loading changed language

I made the example of the issue here: https://www.webpackbin.com/bins/-KuxsDAcwJ2azm0S41y- Here on the first changeLanguage() I write to the console t('title') right after changing the language and it returns me “missing key error”

I understand it’s not a big deal in some Apps, but If I am using react + redux + redux-form... and my App rerenders on every change. This causes a problem, because it displays constants (or fallbackLng) during the loading a resorce which look bad.

Maybe it would be possible to avoid rerendering before finishing ‘changeLnaguage()’, but I think It would be better if the t() function will return the last valid translate instead of “missing key” during the resource loading.

[jamuhl]

see https://www.webpackbin.com/bins/-Kuy3hMrmOV_AtODlLx8

update react-i18next version to v5.4.1 and added bind to options.init:

react: {
      wait: true,
      bindStore: false,
      bindI18n: 'languageChanged'
    }

does the trick

[melounek]

https://github.com/i18next/i18next/issues/968