получить данные из json (локальный файл)

Пишу небольшое приложение в реакт. Добавил метод fetch в функциональный компонент.

fetch('src/data/data-socials.json')
        .then(res => {
            if(!res.ok){
                throw new Error("HTTP error " + res.status);
            }
            return res.json()
        }).then(data => console.log(data)).catch(err => console.log(err));

файл data-socials.json

{
  "instagramLink" :{
  "classOfSocial": "social instagram",
   "href" :"https://www.instagram.com",
  "classFaFa"   :"fa fa-instagram fa-2x"
},
  "vkLink" :{
    "classOfSocial": "social vk",
    "href" :"https://www.instagram.com",
    "classFaFa"   :"fa fa-vk fa-2x"
  },
  "linledOnLinl" :{
    "classOfSocial": "social linkedin",
    "href" :"https://www.linkedin.com/in",
    "classFaFa"   :"fa fa-linkedin fa-2x"
  }
}
**``` Ожидаю 3 обЪекта, а получаю ошибку JSON.parse:**