Invalid checkout page when the development theme domain is different from the live theme domain

[yiuhoward]

Hi guys,

I'm building a development theme with hydrogen to replace the live Shopify theme (liquid). The development theme (helmet-king-website.vercel.app) is on a different domain from the live theme (helmetking.com).

When I tried checkout, the website is redirected to the live domain (https://helmetking.com/checkouts/cn/9646af3db4781e699dcf61fe7bc610ca?preview_theme_id=136254390525) and the page became invalid

Does the checkout page only work when the request domain is the same as the live domain?

In this case, what is the best way to get to the checkout page with a development theme?