title: React i18n language object mapping
body: <p>How do I iterate through the <code>menu</code> object items with react i18n? Here is an extract from the <code>translation.json</code> file: The desired outcome is to use <code>.map(items)</code> loop to output translations with <code>&lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;</code></p>
  <pre><code>{
    &quot;lang&quot;: &quot;lv&quot;,
    &quot;menu&quot;: {
      &quot;index&quot;: &quot;galvene&quot;,
      &quot;food_menu&quot;: &quot;menu&quot;,
      &quot;about_us&quot;: &quot;par mums&quot;,
      &quot;delivery&quot;: &quot;piegāde&quot;
    }
  }
  </code></pre>
  <p>App component, I wish to get the output in:</p>
  <pre><code>function App() {
      const { t, i18n } = useTranslation();
      const changeLanguage = (language) =&gt; {
          i18n.changeLanguage(language)
      };
  
    return (
        &lt;div&gt;
            /* The output should be here */
        &lt;/div&gt;
    );
  }
  </code></pre>