title: import file dynamically by variable - react native
body: <p>I have a path.json file that contains the path of a component</p>
  
  <pre><code>// path.json
  
  {
    "main": "./login/index.js",
    "paths": [
      {
        "name": "login",
        "path": "./login/index.js",
        "image": ""
      }
    ]
  }
  </code></pre>
  
  <p>I want to load <strong>'./login/index.js'</strong> file dynamically in react native and render this particular file</p>
  
  <p>My current implementation</p>
  
  <pre><code>const MyComponent = createLazyContainer(() =&gt; {
    const componentPath = PathJson.main; // ./login/index.js
    return import(`${componentPath}`); //import error here @ line 7
  });
  
  export default MyComponent;
  </code></pre>
  
  <p>I am getting following error :</p>
  
  <blockquote>
    <p>Invalid call at line 7: import("" + componentPath)</p>
  </blockquote>