title: How do I make my i18n-js text is render properly when imported from json files?
body: <p>I've developed an app in React Native and Expo managed workflow. I want the app to be available in other languages, so I integrated i18n-js into the app. I followed a tutorial online explaining how to integrate i18n-js into my app, but the way the words are being imported, requires me to Ctrl+S when navigating between pages, otherwise it'll come up as:</p>
  <p>[missing &quot;en-US.word&quot; translation]</p>
  <p>Has anyone encountered this issue?</p>
  <p>Below is how I set up translations, and imported them into files:</p>
  <ol>
  <li><p>Created a folder called &quot;locales&quot; that lives in the same spot as my files (so it's a direct './' import.</p>
  </li>
  <li><p>Created 2 files in the folder called &quot;en.json&quot; and &quot;fr.json&quot;</p>
  <p>Translations in this file are set up like so:</p>
  </li>
  </ol>
  <pre><code> {
  
     &quot;sentence&quot; : &quot;This is a sentence.&quot;,
  
     &quot;sentence2&quot; : &quot;This is another sentence&quot;,
   
   }
  </code></pre>
  <ol start="3">
  <li><p>Created a file in the same folder called &quot;index.js&quot;</p>
  <p>index.js is set up like so:</p>
  </li>
  </ol>
  <pre><code>import i18n from 'i18n-js'
  import * as Localization  from 'expo-localization'
  
  import en from './en.json'
  import fr from './fr.json'
  
  i18n.translations = {
      en,
      fr
  }
  
  const getLanguage = async() =&gt; {
      try{
          const choice = await Localization.locale
          i18n.locale = choice.substr(0,2)
          i18n.initAsync()
      }catch (error){
      console.log(&quot;Unable to locate&quot;)
      }
  }
  
  getLanguage()
  
  export function t(name){
      return i18n.t()
  }
  </code></pre>
  <ol start="4">
  <li>Import the translations into a given file:</li>
  </ol>
  <pre><code>import { t } from './locales'
  
  i18n.locale = Localization.locale;
  i18n.fallbacks = true
  
  ...
  
  &lt;Text style = {styles.text}&gt; {i18n.t('sentence')}&lt;/Text&gt;
  
  ...
  
  </code></pre>