title: how to handle getting too many warning in console for i18n setup
body: <p>i18n setup-</p>
  <pre><code>import i18n from &quot;i18next&quot;;
  import { initReactI18next } from &quot;react-i18next&quot;;
  import { langResources } from &quot;./locales/langResources&quot;;
  
  const resources = langResources;
  i18n
  
    .use(initReactI18next)
  
    .init({
      resources,
      fallbackLng: &quot;en_us&quot;,
      debug: true,
  
      interpolation: {
        escapeValue: false,
      },
      react: {
        wait: true,
        useSuspense: false,
      },
    });
  
  export default i18n;
  </code></pre>
  <p>warnings-</p>
  <p>`i18next: init: no languageDetector is used and no lng is defined.</p>
  <p>react-i18next:: i18n.languages were undefined or empty undefined.</p>
  <p>i18next: hasLoadedNamespace: i18n.languages were undefined or empty undefined.</p>
  <p>i18next::translator: key &quot;Action_Center&quot; for languages &quot;en_us&quot; won't get resolved as namespace &quot;translation&quot; was not yet loaded This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!`</p>