title: Attempted import error: 'useTranslation' is not exported from 'react-i18next'
body: <p>i need help
  i got this error</p>
  <pre><code>./src/components/Header/Header.js
  Attempted import error: 'UseTranslation' is not exported from 'react-i18next'.
  </code></pre>
  <p>its a new projects where i have install the <a href="https://react.i18next.com" rel="nofollow noreferrer">https://react.i18next.com</a> step by step
  but i got problem with the import <strong>UseTranslation</strong></p>
  <p>in header.js i got just this</p>
  <pre><code>import { useTranslation } from 'react-i18next';
  //style
  import &quot;./Header.scss&quot;;
  
  
  class Header extends Component {
    
    render() {
  
  
      const { t, i18n } = useTranslation();
  
      return (
        
        &lt;div className=&quot;container-header&quot;&gt;
          &lt;div className=&quot;container-header__main&quot;&gt;
            &lt;div className=&quot;container-header__main-overlay&quot;&gt;
              &lt;div className=&quot;container-header__main-overlay__text&quot;&gt;
                &lt;div className=&quot;container-header__main-overlay__text__title&quot;&gt;
           
                  {t('hello')}
                &lt;/div&gt;
                &lt;div className=&quot;container-header__main-overlay__text__subtitle&quot;&gt;
                    {t('hello2')}
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default Header;
  
  </code></pre>
  <hr />
  <p>this is my i18n.js this is ok i think</p>
  <pre><code>import i18n from &quot;i18next&quot;;
  import { reactI18nextModule } from &quot;react-i18next&quot;;
  
  import EN from './assets/translation/en.json';
  import CZ from './assets/translation/cz.json';
  
  const resources = {
    en: {
      translation: EN
    },
    cz:{
        translation: CZ
    }
  };
  
  i18n
    .use(reactI18nextModule) 
    .init({
      resources,
      lng: &quot;en&quot;,
      fallbackLng: &quot;en&quot;,
      useSuspense: false,
  
    });
  
  export default i18n;
  </code></pre>