I am using the custom code of stripe checkout and respecting everything but I am getting this error :

```
StripeCheckout.configure: 'data-key' is a required option, but was not found

```

It's not the first time I use the code, I use it before and everything was fine.

Here is the fulle code :

```js
var handler = StripeCheckout.configure({
  key: 'pk_test_aaaaaaaaaaaaaaaaaaaa',
  image: 'https://stripe.com/img/documentation/checkout/marketplace.png',
  locale: 'auto',
  token: function(token) {
    // You can access the token ID with `token.id`.
    // Get the token ID to your server-side code for use.
  }
});

document.querySelector('.stripe-button').addEventListener('click', function(e) {
  // Open Checkout with further options:
  handler.open({
    name: 'Title',
    description: 'description',
    currency: 'eur',
    amount: 9700
  });
  e.preventDefault();
});

// Close Checkout on page navigation:
window.addEventListener('popstate', function() {
  handler.close();
});
```

* I copied the correct key (the one you see is a placeholder)
* The element with the class **stripe-button** is present in the page
* I used the same code a lot of time before and it worked fine
* There is no special issue with the website
* <https://checkout.stripe.com/checkout.js> is included before the code
* I tried the test and the live key, error with both
* I also tried other key that worked on other sites.

Here is a screenshot of the error and the code of stripe too 

[![enter image description here](https://i.stack.imgur.com/x34Zh.png)](https://i.stack.imgur.com/x34Zh.png)

Did someone face the same issue before? I am pretty sure it's a small hidden thing!