stripe-react-serverless-45.ts

const handleUpdatePaymentMethod = async () => {
    if (!stripe || !elements) {
      return;
    }

    try {
      const { error, paymentMethod } = await stripe.createPaymentMethod({
        type: 'card',
        card: elements.getElement(CardNumberElement) as any,
        billing_details: {
          name: nameOfCard,
        },
      });

      if (error || !paymentMethod) {
        throw Error(error?.message || 'Something is not right...');
      }

      const customerID = await StripeManager.getStripeCustomerID();

      if (!customerID) {
        throw Error('Could not identify customer');
      }

      const paymentID = paymentMethod.id;
      await StripeManager.updatePaymentMethod(customerID, paymentID);
      // You may want to refetch the payment method after this...

    } catch (error) {
      Toast.error(error.message);
    }
  };