CheckoutAPI - create checkout issue

I am having an issue with the card details inputs in the form of the checkout page. I can type in other input fields but I cannot type in the card number or card details input boxes. In the console I see “Failed to load resource: the server responded with a status of 401 (Unauthorized).” This is the endpoint that is being called in the background which is failing:

https://squareup.com/1.0/as-reporter/csp/H1RIu78lArbEkNnMnJ_Dc3rlPQ8hFsEvQGLIzjtY

Everything I’m doing is from the square api explorer so the only possible issue on my end could be with inputs but I’ve checked everything several times and it all matches with my app data. Any help with this would be great.

Update:
I tried replacing my access code and using that in the request but now the generated checkout page loads incorrectly in a different way. Dropdowns are empty, one of the row names is blank and I am still unable to type in card information. The console now shows “Uncaught SyntaxError: Unexpected number (at checkout.js:1:4170)”

:wave: What’s the checkout link you’re getting this error with? :slightly_smiling_face:

https://connect.squareupsandbox.com/v2/checkout?c=CBASENcz5T203yMRoq4TR8umgqM&l=LHJB216T3K85Y