Расширение React Shopify Checkout, динамическое добавление ссылки в текст

Я работаю над компонентом реакции расширения Shopify и хочу динамически добавлять текст из настроек (функция Shopify). Моя главная цель — найти строку {link_placeholder} в тексте и заменить ее реальным текстом. мой компонент выглядит так

function Extension() {

const {static_content_text} = useSettings();

const link = "https://test.com";
const link_text = "some link text";

const replacedText = static_content_text.replace(
    /\{LINK_PLACEHOLDER\}/g,
    `<Link appearance = "base" to = "${link}">${link_text}</Link>`
);

return (
  <BlockStack>
      <Text>
          {replacedText}
      </Text>
  </BlockStack>
  );
}

проблема в том, что теги ссылок вставляются как обычный текст и не отображаются как реальная ссылка,

как это можно решить? заранее спасибо