title: React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
body: <p>I want to fetch my Json file in react js, for this I am using <code>fetch</code>. But it shows an error </p>
  
  <p><code>Uncaught (in promise) SyntaxError: Unexpected token &lt; in JSON at position 0</code></p>
  
  <p>What could be the error, i am getting no clue. I even validated my JSON.</p>
  
  <pre><code>handleGetJson(){
    console.log("inside handleGetJson");
    fetch(`./fr.json`)
      .then((response) =&gt; response.json())
      .then((messages) =&gt; {console.log("messages");});
  }
  </code></pre>
  
  <p>My Json (fr.json)</p>
  
  <pre><code>{
    "greeting1": "(fr)choose an emoticon",
    "addPhoto1": "(fr)add photo",
    "close1": "(fr)close"
  }
  </code></pre>