title: Trying to read images from .json file in create-react-app
body: <p><a href="https://i.stack.imgur.com/qoDo2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qoDo2.png" alt="enter image description here"></a></p>
  
  <p>I am trying to load a image from my .json file into my component, but the image does not load. </p>
  
  <p><a href="https://www.reddit.com/r/reactjs/comments/5gq41r/importing_an_image_from_a_local_json_file/" rel="nofollow noreferrer">Someone looks to have solved it, but I don't know what he is talking about in terms of "branching"</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  "Bumper": [{
        "id": 1,
        "productSquareId": "BumperStubby",
        "productImage": "bumper",
        "companyImage": "logo.png",
        "price": "$55.99"
      },</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const image1 = ProductInformation.Bumper[0].companyImage;
  &lt;img  className = "MainImage" src ={image1}/&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>My images is in the same folder(components) as my components. What am I doing wrong here? I appreciate your time.</p>