Translations are not reflecting even after changing language

Below is my i18n config file.

import i18n from 'i18next';
import LanguageDetector from 'i18next-browser-languagedetector';
import trans_en from './i18n/en.json';
import trans_es from './i18n/es.json';
i18n
  .use(LanguageDetector)
  .init({
    // we init with resources
    resources: {
      en: {
        translations:
          trans_en
      },
      es: {
        translations:
          trans_es
      }
    },
    fallbackLng: 'en',

    // have a common namespace used around the full app
    ns: ['translations'],
    defaultNS: 'translations',

    keySeparator: false, // we use content as keys

    interpolation: {
      escapeValue: false, // not needed for react!!
      formatSeparator: ','
    },

    react: {
      wait: true
    },
    isInitialSSR: false
  });

export default i18n;

With above configurations translations are reflecting only with reload. I want it to reflect as value of language get changed.(without reload). Thanks in advance. please help me to solve this problem

[jamuhl]

sorry was an issue with pureComponent in react-i18next Trans component

https://www.webpackbin.com/bins/-Kw-lKP6C-EHoCY5KK04

solved in react-i18next@6.0.6

[nikhil4326]

Hey Jamuhl, Thanks for efforts and you can close this issue.