Как динамически создавать якорные ссылки из json содержимого в Gatsby?

Question

Контекст:

• Гэтсби

Проблема:

Я хочу создать динамик c Компонент FormCheckbox, который принимает или не принимает ссылки привязки в теге метки.

Сценарий:

Флажок Политики конфиденциальности или Положений и условий.

JSON:

"id": "xxx-xxx-xxx"
"component": "FormCheckbox",
"data": {
    "label": "Email me updates and opportunities. You can unsubscribe with the opt-out link in the email. By continuing you agree to company Privacy Policy, Terms of Use and use of cookies."
    }
}

В этом json: Политика конфиденциальности и Условия использования должны быть внешними ссылками.

Код:

const FormCheckbox = ({ label }) => {
return (
    <div>
        <input
            id={id}
            type="checkbox"
            value={label}
            name="somename"
        />
        <Styled.p
            as="label"
            htmlFor={id}
        >
           {label}
        </Styled.p>
    </div>
);
}

Какая наилучшая практика / подход в этом сценарии?