diff --git a/modules/ppcp-applepay/resources/js/ApplepayButton.js b/modules/ppcp-applepay/resources/js/ApplepayButton.js
index c90f54932..49ccdaf88 100644
--- a/modules/ppcp-applepay/resources/js/ApplepayButton.js
+++ b/modules/ppcp-applepay/resources/js/ApplepayButton.js
@@ -135,6 +135,10 @@ class ApplepayButton {
         const { wrapper, ppcpButtonWrapper } = this.contextConfig();
         const wrapper_id = '#' + wrapper;
 
+        if (wrapper_id === ppcpButtonWrapper) {
+            throw new Error(`[ApplePayButton] "wrapper" and "ppcpButtonWrapper" values must differ to avoid infinite loop. Current value: "${wrapper_id}"`);
+        }
+
         const syncButtonVisibility = () => {
             if (!this.isEligible) {
                 return;
diff --git a/modules/ppcp-googlepay/resources/js/GooglepayButton.js b/modules/ppcp-googlepay/resources/js/GooglepayButton.js
index 00b8f7f7d..ea1387cea 100644
--- a/modules/ppcp-googlepay/resources/js/GooglepayButton.js
+++ b/modules/ppcp-googlepay/resources/js/GooglepayButton.js
@@ -139,6 +139,10 @@ class GooglepayButton {
     initEventHandlers() {
         const { wrapper, ppcpButtonWrapper } = this.contextConfig();
 
+        if (wrapper === ppcpButtonWrapper) {
+            throw new Error(`[GooglePayButton] "wrapper" and "ppcpButtonWrapper" values must differ to avoid infinite loop. Current value: "${wrapper}"`);
+        }
+
         const syncButtonVisibility = () => {
             const $ppcpButtonWrapper = jQuery(ppcpButtonWrapper);
             setVisible(wrapper, $ppcpButtonWrapper.is(':visible'));