Hi!
I am dipping my foot in Hydrogen pool. I have used the Hydrogen CLI to scaffold an app which is connected to my store. I have developed a client-side React App to do some kinda cool industry-specific stuff with my shopify data. However, the client side app does not work on Safari on the desktop and pretty much any browser on my iPhone (Brave, Safari, Firefox).
The error I get on Safari on the desktop, which I assume is the same issue as on the mobile, that says:
Failed to load resource: Request header field User-Agent is not allowed by Access-Control-Allow-Headers.
The User-Agent header in Safari is:
User-Agent: Hydrogen 2024.10.1
However, the User-Agent header in Chrome or Brave (which works as expected) is:
user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
Has anyone experienced this? This only happens using my React client-side components which use the storefront client provided by Hydrogen to query the GraphQL API.
Any pointers are appreciated!
Thanks!