title: reactJS i18n reloading page
body: <p>I'm using react-i18next in my reactjs app.</p>
  
  <p>Problem is when I change the language the app reloads and always starts from main route.</p>
  
  <p>is there a way to redirect on same page or change language without reload page?</p>
  
  <p>thanks</p>
  
  <p>UPDATE</p>
  
  <p>I18n.js</p>
  
  <pre><code>import i18n from 'i18next';
  import LanguageDetector from 'i18next-browser-languagedetector';
  
  import {de} from "../../locales/de";
  import {en} from "../../locales/en";
  
  i18n
      .use(LanguageDetector)
      .init({
          resources: {
              en: en,
              de: de
          },
          fallbackLng: 'de',
  
          // have a common namespace used around the full app
          ns: ['translations'],
          defaultNS: 'translations',
  
          keySeparator: '.',
  
          interpolation: {
              escapeValue: false, // not needed for react!!
              formatSeparator: ','
          },
  
          react: {
              wait: true
          }
      });
  
  export default i18n;
  </code></pre>
  
  <p>Change Language:</p>
  
  <pre><code>    const { t, i18n } = this.props;
      const changeLanguage = (lng) =&gt; {
          i18n.changeLanguage(lng);
      };
  </code></pre>