React Js: Unchaught (in promessa) SyntaxError: token inesperado <no JSON na posição 0

Eu quero buscar meu arquivo Json em react js, por isso estou usandofetch. Mas mostra um erro

Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

Qual poderia ser o erro, não estou conseguindo nenhuma pista. Eu até validei meu JSON.

handleGetJson(){
  console.log("inside handleGetJson");
  fetch(`./fr.json`)
    .then((response) => response.json())
    .then((messages) => {console.log("messages");});
}

Meu Json (fr.json)

{
  "greeting1": "(fr)choose an emoticon",
  "addPhoto1": "(fr)add photo",
  "close1": "(fr)close"
}

questionAnswers(4)

yourAnswerToTheQuestion