I am trying to insert a form from bitrix into my Vue component. ./components/Btrx24.vue

<script lang="jsx">
    export default {
        render() {
            return h('div', {}, [
                h(
                    'script',
                    { 'data-b24-form': 'click/12/7uz2pa', 'data-skip-moving': true },
                    `
                    (function (w, d, u) {
                        var s = d.createElement('script');
                        s.async = true;
                        s.src = u + '?' + ((Date.now() / 180000) | 0);
                        var h = d.getElementsByTagName('script')[0];
                        h.parentNode.insertBefore(s, h);
                    })(window, document, 'https://bitrix.santrek.ru/upload/crm/form/loader_12_7uz2pa.js');
                `,
                ),
                h('a', {}, 'Some Link'),
            ]);
        },
    };
</script>

tsconfig.json

{
    "extends": "./.nuxt/tsconfig.json",
    "compilerOptions": {
        "noImplicitAny": false,
        "jsx": "preserve"
    }
}

In the description of Bitrix it is said to insert their automatically generated tag before the link or button

<script data-b24-form="click/12/7uz2pa" data-skip-moving="true">
  (function (w, d, u) {
    var s = d.createElement('script');
    s.async = true;
    s.src = u + '?' + ((Date.now() / 180000) | 0);
    var h = d.getElementsByTagName('script')[0];
    h.parentNode.insertBefore(s, h);
  })(
    window,
    document,
    'https://bitrix.santrek.ru/upload/crm/form/loader_12_7uz2pa.js',
  );
</script>

How is it supposed to work:

Run Here

What happens in the end is that the tags are created correctly, but the bitrix form is not created and, accordingly, is not displayed.

Run Here