просто вставить в html, ниже того дива, в который рендерится реакт, реакт ведь "диффает" только тот entry-node, который вы указали.
если хотите добавить в самом реакте, из-под компонента, то можно так
appendYaMetrix() {
const yaDiv = document.createElement('div')
yaDiv.setAttribute('id', 'yandex_rtb_XXXXXX')
document.body.appendChild(yaDiv)
const yaScript = document.createElement('script')
yaScript.setAttribute('type', 'text/javascript')
yaScript.innerHTML = `(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "XXXXXX",
renderTo: "yandex_rtb_XXXXXXX",
horizontalAlign: false,
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");`
document.head.appendChild(yaScript)
}
componentDidMount() {
this.appendYaMetrix()
}