title: React Component with JSON Image path
body: <p>I have a react component that is pulling in some data from a local json file. That data has some links to images. However the images aren't loading even though the paths are correct. I was using require before but in a different code setup. Now that I've transitioned it to this the images won't load. i'm using webpack 4 so i'm guessing i need to require the images again? How do i do that in the below statement ?</p>
  
  <p>the part that is failing is the 'image={release.imageURL}' which is being passed to the 'src' of the component</p>
  
  <pre><code>import React from "react";
  import ReactDOM from "react-dom";
  import Release from "./release.js"
  import data from "../data/releases.json"
  
  const allReleases = data.map(release =&gt; {
    return (
      &lt;div className="column-2"&gt;
      &lt;Release
      key={release.id}
      url={release.releaseURL}
      image={release.imageURL}
      cta={release.cta}
      title={release.title}
      artists={release.artists}
      /&gt;
      &lt;/div&gt;
    )
  })
  
  const Releases = () =&gt; {
  
    return (
      &lt;div&gt;
      &lt;div className="row"&gt;
        &lt;h3&gt;All Releases&lt;/h3&gt;
          {allReleases}
      &lt;/div&gt;
      &lt;/div&gt;
    )
  }
  </code></pre>
  
  <p>export default Releases;</p>