Error when redirection to stripe checkout

Question

I am building out an e-commerce site, with next.js and stripe checkout. I keep running into this error when I am going to checkout. I am using the use-shopping-cart package as well, and I'm starting to think it maybe causing the below response error from stripe-checkout

  "error": {
    "message": "Invalid API Key provided: undefined",
    "type": "invalid_request_error"
  }
}

What is super confusing is that the checkout session in created, along with the cart and payment intent (I know this to be true because I can verify this information thru the stripe dashboard). Currently the stripe dashboard does not indicate there is an error either.

Has anyone experienced this, and does anyone have any idea on how to fix it?

Thanks in advance!

Answer 1

the solution is ridiculously easy. I just needed to prefix my env variable with NEXT_PUBLIC_ .