title: How to get folder path from loopback into react app folder
body: <p>I have created a <code>reactjs</code> app which is inside the <code>Loopback</code> folder. <a href="https://i.stack.imgur.com/IX0aw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IX0aw.png" alt="enter image description here"></a></p>
  
  <p>I put a folder tree image below. as the picture inside the <code>client_src</code> have react files.
  I have used <code>loopback-storage-component</code> to store images. Those images are stored into files folder.</p>
  
  <p>Now, my problem is to get stored images from files folder. So that, I used  </p>
  
  <pre><code>&lt;Img
      src={require("../../files/revenue_Licence_Copy/5.jpg")}
   /&gt;
  </code></pre>
  
  <p>while I run <code>reactjs</code> App using <code>npm start</code> into <code>client_src</code> folder.
  Then I got an error</p>
  
  <pre><code>Module not found: You attempted to import ../../files/revenue_Licence_Copy/5.jpg which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project'snode_modules/.
  </code></pre>
  
  <p>How to solve my problem 
  I refer below link
  <a href="https://stackoverflow.com/questions/49705170/reactjs-import-component-outside-src-direcory">enter link description here</a> but that also not solve my problem..</p>
  
  <p>Please anyone help me?</p>