Вывод неэкранированного JSON + LD на сайт GatsbyJS React

Question

У меня есть сайт Gatsby, который я создал с помощью React. Я хочу включить структурированные данные с помощью JSON + LD. Я создал специальный компонент, который выводит <script type="application/ld+json">{JSON.stringify([object])}</script>, где object является объектом JS со структурированными данными:

let object = {
  "@context": "http://schema.org",
  "@type": "Game",
  name: post.title,
  ...
};

Однако строка JSON.stringify-ed, которую я получаю на скомпилированном сайте, имееткавычки HTML-экранированы с помощью ":

<script type="application/ld+json">[{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;Game&quot; …

Когда я пытаюсь выполнить синтаксический анализ моего сайта с помощью инструмента тестирования структурированных данных Google , отображается ошибка синтаксического анализа. Я понимаю, что это из-за " с. ( пример URL )

Любые советы, как решить эту проблему?

Answer 1

Я не совсем решил свою проблему, но, переместив JSON + LD внутрь React <Helmet>, он получает вывод правильно, поэтому теперь он проверяется. Я оставляю это здесь на случай, если у кого-то еще возникнет такая же проблема.