Как отобразить рекламный скрипт (Yandex Ads) в Gatsby MDX-постах

Question

Я новый пользователь в Гэтсби. Я использую MDX для создания записей уценки. Я хочу отобразить сценарий Яндекс-рекламы в своих MDX-сообщениях. Это Google Adsense альтернатива из России.

Вот как выглядит код Яндекс-рекламы:

<div id="rtb-1"></div>
<script type="text/javascript">
    (function (w, d, n, s, t) {
        function renderRtb () {
            Ya.Context.AdvManager.render({
                blockId: "R-A-12345-1",
                renderTo: "rtb-1",
                statId: 34567, // CROSS SECTION ID
                async: true
            });
        }
        w[n] = w[n] || [];
        w[n].push(renderRtb);
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "http://an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
</script>

Пожалуйста, друзья, подскажите. Как я могу рендерить этот скрипт в мои MDX-посты? Например, я хочу показать рекламу Яндекса в центре моих сообщений или после некоторых заголовков и т. Д. c.

В html -файле, как и у Джекилла, я только что прошёл свой рекламный код, где хочу. Но в Гэтсби я получаю ошибки при создании сайта. Я новичок ie в Реакте. js, и если кто-то может мне помочь, будет очень хорошо!

Извините за плохого Энгли sh, друзья. Я из России. Люблю вас всех!