title: How working I18nextProvider, withNamespaces in in react-i18next?
body: <p>I'm using to react-i18next in my application with <code>I18nextProvider</code> and <code>withNamespaces</code>.</p>
  
  <pre class="lang-js prettyprint-override"><code>export const App = () =&gt; (
      &lt;I18nextProvider i18n={i18n}&gt;
        &lt;App /&gt;
      &lt;/I18nextProvider&gt;
  );
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>export default withNamespaces()(ChildComponentOfApp);
  </code></pre>
  
  <p>but I don't understand about relationship of <code>I18nextProvider</code> and <code>withNamespaces</code>. they do not passing props like <code>t</code> function</p>
  
  <blockquote>
    <p>The provider is responsible to pass the i18next instance passed in by props down to all the withNamespaces hocs or NamespacesConsumer render prop using react context api.</p>
  </blockquote>
  
  <p>Is why work? is this render props something in <code>withNamespaces</code>? </p>
  
  <p>I know that <code>withNamespaces</code> is HOC, but confused this relationship between <code>I18nextProvider</code> and <code>withNamespaces</code> even after read react-i18next source code.</p>
  
  <ul>
  <li><p><a href="https://github.com/i18next/react-i18next/blob/v9.x.x/src/I18nextProvider.js" rel="nofollow noreferrer">I18nextProvider</a></p></li>
  <li><p><a href="https://github.com/i18next/react-i18next/blob/v9.x.x/src/withNamespaces.js" rel="nofollow noreferrer">withNamespaces</a></p></li>
  </ul>
  
  <p>can someone please explain?</p>