title: Hook useTranslation() don't read imported namespaces - i18next
body: <p>I'm importing jsons with translations in my React project so I can organize my code. But the useTranslation() hook doesn't seem to read these imported namespaces.</p>
  
  <p>An example of how I'm doing that:</p>
  
  <p>i18n.js:</p>
  
  <pre><code>import i18next from 'i18next';
  import {
    file1, 
    file2
  } from 'translations';
  
  i18next.init({
    interpolation: {
      escapeValue: false
    },
    lng: 'en',
    resources: {
      en: {
        file1: file1,
        file2: file 2
  }
  export default i18next;
  </code></pre>
  
  <p>Using useTanslator():</p>
  
  <pre><code>import React from 'react';
  import { useTranslation } from 'react-i18next';
  
  export function MyComponent() {
    const { t } = useTranslation();
  
    return
     &lt;p&gt;{t('file1:text')}&lt;/p&gt;
     &lt;p&gt;{t('file2:file2.text')}&lt;/p&gt;
  }
  </code></pre>
  
  <p>It shows:</p>
  
  <p>text</p>
  
  <p>file2.text</p>
  
  <p>Edit: I had add the namespaces like useTranslation("file1") but still doesn't work.</p>