Uncaught (in promise) Error: ?shopify-reload must be same-origin

We’ve two different apps one for staging and one for production, created using Remix template. for both env we’ve separate .toml file. for staging, we’ve shopify.app.staging.toml and for prod we’ve shopify.app.toml. both files has similar configuration except client_id and redirect_urls.

We’re deploying our apps using below commands
staging:

shopify app deploy --config=staging --force

prod:

shopify app deploy --force

our staging app is working perfectly fine without any issue but in our prod app we’re getting error as below.

Uncaught (in promise) Error: ?shopify-reload must be same-origin

When we run prod app from local using below command then it works.

shopify app dev

We’ve tried many different solutions but still it’s not working.

  • Tried to remove Staging App and check only prod app
  • Test app on different stores.

Did you found any solution?

I found the issue. it was the issue of DNS. DNS was pointing to the same server and because of that we were facing this issue.

can you please explain more because I am facing the same issue here.