Javascript – CORS Error when using const to add a stripe_account_id for connected accounts

I have set up Stripe Payment Request Buttons, everything is working when I manually add the stripeAccount: ‘acct_XXX…’, the payment succeeds on the dashboard for that connected account.

but when I try to put this in a const in payment_request_buttons.js:

const stripe_account_id = document.getElementById('stripe_account_id').value;

const stripe = Stripe('pk_test_XXX...'), {
  apiVersion: "2022-11-15",
  stripeAccount: stripe_account_id,
});

The hidden input:

<input id="stripe_account_id" type="hidden" value="<%= "'#{@user.stripe_account_id}'" %>"> 

I get this CORS error:

No 'Access-Control-Allow-Origin' header is present

I don’t understand what the difference is manually inputting the account compared to using const?

I have just come across this error from a stripe link in the console:

{
"error": {
"message": "You did not provide an API key. You need to 
provide your API key in the Authorization header, using 
Bearer auth (e.g. 'Authorization: Bearer YOUR_SECRET_KEY'). 
See https://stripe.com/docs/api#authentication for details, 
or we can help at https://support.stripe.com/.",
"type": "invalid_request_error"
 }
}