Сохранить Google Календар iframe SR c ссылка на JSON строка не работает

Question

Я занимаюсь разработкой приложения React. У меня есть ссылка Google Calendar iframe sr c. Я сохранил эту ссылку iframe sr c в файле JSON с определенной целью. Цель состоит в том, чтобы любой мог просто заменить текст JSON собственной ссылкой sr c. Я сохранил ссылку в JSON файле, как показано ниже:

{"GoogleCalenderLink": "https://calendar.google.com/calendar/b/0/embed?height=225&wkst=1&bgcolor=%23fbfaff&ctz=Asia%2FColombo&src=c2FiZXNhbjk5NkBnbWFpbC5jb20&src=YWRkcmVzc2Jvb2sjY29udGFjdHNAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&src=bzg2cmN1YmJnbHN0OTQ3YnNrOHVnajNoMWt1b20wMWVAaW1wb3J0LmNhbGVuZGFyLmdvb2dsZS5jb20&src=ZW4ubGsjaG9saWRheUBncm91cC52LmNhbGVuZGFyLmdvb2dsZS5jb20&src=c2FiZXNhbi4xNkBjc2UubXJ0LmFjLmxr&color=%23009688&color=%234285F4&color=%23C0CA33&color=%23D81B60&color=%23009688&showTitle=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0"}

Затем я использовал эту ссылку в своем компоненте, как показано ниже:

import React from "react";
import data from '../asserts/data.json';

export default googleClanderComponent = () => {
return (<div className="googleCalendar">
                    <iframe
                      src={`${data.GoogleCalenderLink}`}
                      height="225"
                      frameBorder="0"
                      scrolling="no"
                    ></iframe>
                  </div>)
}

Я мог видеть календарь Google на странице, но Я не мог видеть событие в календаре Google. Я получил изображение ниже:

, если я напрямую использую ссылку, как показано ниже, то она будет работать нормально.

import React from "react";
import data from '../asserts/data.json';

export default googleClanderComponent = () => {
return (<div className="googleCalendar">
                    <iframe
                      src="https://calendar.google.com/calendar/b/0/embed?height=225&amp;wkst=1&amp;bgcolor=%23fbfaff&amp;ctz=Asia%2FColombo&amp;src=c2FiZXNhbjk5NkBnbWFpbC5jb20&amp;src=YWRkcmVzc2Jvb2sjY29udGFjdHNAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&amp;src=bzg2cmN1YmJnbHN0OTQ3YnNrOHVnajNoMWt1b20wMWVAaW1wb3J0LmNhbGVuZGFyLmdvb2dsZS5jb20&amp;src=ZW4ubGsjaG9saWRheUBncm91cC52LmNhbGVuZGFyLmdvb2dsZS5jb20&amp;src=c2FiZXNhbi4xNkBjc2UubXJ0LmFjLmxr&amp;color=%23009688&amp;color=%234285F4&amp;color=%23C0CA33&amp;color=%23D81B60&amp;color=%23009688&amp;showTitle=0&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0"
                      height="225"
                      frameBorder="0"
                      scrolling="no"
                    ></iframe>
                  </div>)
}

Для приведенного выше кода я получил изображение ниже, в котором есть события. Мне нужно точно так же, как на картинке ниже с событиями.

Как я могу обработать ссылку из файла JSON, поскольку мое требование клиента состоит в том, что он должен редактировать только в файле JSON.