title: Why can I get an image from public folder but not a json file
body: <p>I learn Reactjs and came across this</p>
  <p>I have an images folder in the public React project created with create-react-app.<br />
  I place a json file and a jpg in it and I can use the jpg but not the json.</p>
  <pre><code> let photo = &quot;./images/some.jpg&quot;;
   let file  = &quot;./images/somejson.json&quot;;
  </code></pre>
  <p>The image works out of the box like</p>
  <pre><code>&lt;img alt=&quot;image&quot; src={photo} /&gt;
  </code></pre>
  <p>But the json cant be read I get <code>Cannot read property 'label' of undefined</code></p>
  <pre><code>&lt;h1 className=&quot;title&quot;&gt;{file.basics.label}&lt;/h1&gt;
  </code></pre>
  <p>And this is the json</p>
  <pre><code>{
    &quot;basics&quot;: {
      &quot;name&quot;: &quot;Foo Bar&quot;,
      &quot;label&quot;: &quot;Some label&quot;
    }
  }
  </code></pre>
  <p>Please advice what is wrong?</p>