diff --git a/app/webpacker/controllers/paymentmethod_controller.js b/app/webpacker/controllers/paymentmethod_controller.js
index 9b151666e6..285b669834 100644
--- a/app/webpacker/controllers/paymentmethod_controller.js
+++ b/app/webpacker/controllers/paymentmethod_controller.js
@@ -12,14 +12,15 @@ export default class extends Controller {
 
   selectPaymentMethod(event) {
     this.doSelectPaymentMethod(event.target.dataset.paymentmethodId);
-    const stripeCardsController =
+
+    const stripeCardSelector =
       this.application.getControllerForElementAndIdentifier(
         document
           .getElementById(event.target.dataset.paymentmethodId)
           .querySelector('[data-controller="stripe-cards"]'),
         "stripe-cards"
       );
-    stripeCardsController.connect();
+    stripeCardSelector?.connect();
   }
 
   doSelectPaymentMethod(paymentMethodContainerId) {