Как исправить ошибку с пропаданием кнопки пайпал?
Работаю над одним проектом на ворлдпрессе. Пытаюсь вставить готовую кнопку внутрь кода. Но как только страница догружается кнопка исчезает и выдает ошибку
zoid destroyed all components
Как это можно исправить? Благодарю за любую помощь. Код самой кнопки и ее рендера ниже.
<div id="paypal-button-container"></div>
<script src="https://www.paypal.com/sdk/js?client-id=sb¤cy=USD" data-sdk-integration-source="button-factory"></script>
<script>
paypal.Buttons({
style: {
shape: 'rect',
color: 'black',
layout: 'horizontal',
label: 'pay',
},
createOrder: function(data, actions) {
return actions.order.create({
purchase_units: [{
amount: {
value: '1'
}
}]
});
},
onApprove: function(data, actions) {
return actions.order.capture().then(function(details) {
alert('Transaction completed by ' + details.payer.name.given_name + '!');
});
}
}).render('#paypal-button-container');
</script>