title: next-i18next Jest Testing with useTranslation
body: <p>Testing libs...always fun.  I am using <code>next-i18next</code> within my NextJS project.  We are using the <code>useTranslation</code> hook with namespaces.</p>
  <p>When I run my test there is a warning:</p>
  <blockquote>
  <p>console.warn
  react-i18next:: You will need to pass in an i18next instance by using initReactI18next</p>
  </blockquote>
  <pre><code>&gt; 33 |   const { t } = useTranslation(['common', 'account']);
       |                 ^
  </code></pre>
  <hr />
  <p>I have tried the setup from the <a href="https://github.com/i18next/react-i18next/tree/master/example/test-jest" rel="noreferrer">react-i18next test examples</a> without success. I have tried <a href="https://stackoverflow.com/questions/64036604/stubbing-i18next-usetranslation-hook-in-jest-doesnt-trigger-tohavebeencalled/64068566#64068566">this suggestion too</a>.</p>
  <p>as well as just trying to mock <code>useTranslation</code> without success.</p>
  <p>Is there a more straightforward solution to avoid this warning?  The test passes FWIW...</p>
  <pre><code>test('feature displays error', async () =&gt; {
      const { findByTestId, findByRole } = render(
        &lt;I18nextProvider i18n={i18n}&gt;
          &lt;InviteCollectEmails onSubmit={jest.fn()} /&gt;
        &lt;/I18nextProvider&gt;,
        {
          query: {
            orgId: 666,
          },
        }
      );
  
      const submitBtn = await findByRole('button', {
        name: 'account:organization.invite.copyLink',
      });
  
      fireEvent.click(submitBtn);
  
      await findByTestId('loader');
  
      const alert = await findByRole('alert');
      within(alert).getByText('failed attempt');
    });
  </code></pre>
  <p>Last, is there a way to have the translated plain text be the outcome, instead of the namespaced: <code>account:account:organization.invite.copyLink</code>?</p>