title: Next-i18next translation on the fly
body: <p>Is there a way to translate something using the <code>next-i18next</code> library without changing the locale with <code>router.push</code>?</p>
  <p>I have 3 locales: <code>['en', 'de', 'fr']</code>, the default being <code>de</code>. When I am trying to do something like:</p>
  <pre><code>import {useTranslation} from 'next-i18next'
  
  const Component = () =&gt; {
    const { t } = useTranslation(&quot;common&quot;);
    console.log(t('word', { lng: 'fr' }));
  }
  </code></pre>
  <p>while my current locale is <code>de</code>, it returns the <code>de</code> translated version, not the <code>fr</code>.</p>