Checkout Button not correctly redirecting

Hi,

Thanks in advance for anyone that can help me with this!!

My current live store is a headless shopify store that uses the js-buy-sdk(checkout api) package to handle cart/checkout functionality on my site. I am currently doing local development work to upgrade the site to use the hydrogen-react (cart api) package so it can handle subscriptions.

I am having problems with the checkoutUrl returned from the Cart object - it looks like it could be wrong?

For example my current live stores checkout URL is: https://store-domain.myshopify.com/checkouts/co/42409fd1505aadb0af58653ed2fbc488

Versus the checkoutUrl that is coming back from my Cart object: https://storedomain.com/cart/c/F2WwLWV1cm9wZS13ZXN0NDowMUpESjJYTlY5VEdGUUpSOFlRN1NWWjFLTQ?key=42ad94034865991b6b1420a33899454c

This is meaning I am getting a 404 page when trying to redirect to the given checkoutUrl.

Is there anyone else that’s experienced this?

Noticed my problem is exactly that same as this users post How to Checkout with 2024-07 Storefront API - Shopify Community

But they got no reply :frowning: