title: Stripe Google Pay Button is not showing for me on the UI despite
body: <p>I've used the Stripe Payment Request Button HTML code from the stripe docs on <a href="https://stripe.com/docs/stripe-js/elements/payment-request-button" rel="nofollow noreferrer">https://stripe.com/docs/stripe-js/elements/payment-request-button</a> to incorporate the Google Pay button on my UI but the stripe component is not showing on my webpage.</p>
  
  <p>The HTML code that I took from Stripe Docs does not show any errors or exceptions on the developer console, the iframe component can be seen on the Elements tab but the button is not being rendered on the UI</p>
  
  <pre><code>const stripe = Stripe('pk_test_ozjVjOVezSxwrwsoF4BnqtII');
  
  const paymentRequest = stripe.paymentRequest({
    country: 'US',
    currency: 'usd',
    total: {
      label: 'Demo total',
      amount: 1000,
    },
  });
  
  const elements = stripe.elements();
  const prButton = elements.create('paymentRequestButton', {
    paymentRequest,
  });
  
  paymentRequest.canMakePayment().then((result) =&gt; {
    if (result) {
      prButton.mount('#payment-request-button');
    } else {
      document.getElementById('payment-request-button').style.display = 'none';
    }
  });
  
  paymentRequest.on('token', (ev) =&gt; {
    console.log(ev);
    ev.complete('success');
  });
  </code></pre>