title: How to call async function from import?
body: <p>I have this async code function to get lang var from AsyncStorage. And I want to call this function on every app page in construct(?) method. But when I try to call it, it looks like the code run synchronous, and my loadedLang is = { _45: 0, _81: 0, _65: null, _54: null }. How to do it in right way? Thanks.</p>
  
  <p><strong>main.js</strong> </p>
  
  <pre><code>import load from "./components/languageLoad"
                 constructor(props) {
                      super(props);
  
                      let loadedLang = load();
                      console.log("LOADED", loadedLang);
  
                      this.state = {
                          settings: 1,
                          deviceLocale: "EMPTY"
                      };
                  }
  </code></pre>
  
  <p><strong>languageLoad.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import { AsyncStorage} from 'react-native';
  import Lang from 'react-native-i18n'
  
  export default load = async () =&gt; {
              try {
                  const customLang = await AsyncStorage.getItem('customLang');
                  if (customLang !== null &amp;&amp; customLang !== undefined &amp;&amp; customLang !== "") {
                      deviceLocale = customLang;
                  }
  
              } catch (error) {
                  deviceLocale = Lang.locale.split("-")[0] || "uk";
              }
              console.log("------------", deviceLocale, '-------------');
              console.log("------------", Lang.t('aboutAppText') , '-------------');
              Lang.locale = deviceLocale;
              return Lang;
          }
  </code></pre>