[Bug]: Embedded app doesn't load and loops cookie warning

[zaliven]

Please confirm that you have:

• Searched existing issues to see if your issue is a duplicate. (If you’ve found a duplicate issue, feel free to add additional information in a comment on it.)
• Reproduced the issue in the latest CLI version.

In which of these areas are you experiencing a problem?

App

Expected behavior

App should load

Actual behavior

Hi,

I have an application that had been working. I switched to a different computer and environment (mac -> windows), and now I can't load the application.
When I load it, it just looks the following warning (chrome):
Third-party cookie will be blocked. Learn more in the Issues tab.
Which has the following elaboration (below in verbose output)

Verbose output

Cookies with the SameSite=None; Secure and not Partitioned attributes that operate in cross-site contexts are third-party cookies. In future Chrome versions, setting third-party cookies will be blocked. This behavior protects user data from cross-site tracking.

When I try to load the application from microsoft edge, I get this in console:
monorail-edge.shopifysvc.com/v1/produce:1
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
3render-common-DBS16wZ0qZ_x.js:130 Uncaught Error: Error completing request. A network failure may have prevented the request from completing. Error: TypeError: Failed to fetch
at La.produce (common-DjYqfhN3KY5p.js:98:8320)

Reproduction steps

I'm unsure how to reproduce.
When I load a blank new application, everything works (I use ngrok).
When I try to load my application, it has these issues.

Operating System

Windows 10

Shopify CLI version (check your project's package.json if you're not sure)

3.51.2

Shell

Windows

Node version (run node -v if you're not sure)

v20.12.1

What language and version are you using in your application?

Node

[isaacroldan]

Hi @zaliven, I'm afraid that starting this year all browsers will be blocking third party cookies, so embedded apps shouldn't be using them. This a browser feature and not something related to the Shopify platform.

Here is a doc from google about the change
Here is a community post about how this affects shopify

If you are not explicitly setting a cookie, some dependency in your app might be doing it, check your code and the current cookies in the browser developer console to find more about your specific case.

[zaliven]

Hi @zaliven, I'm afraid that starting this year all browsers will be blocking third party cookies, so embedded apps shouldn't be using them. This a browser feature and not something related to the Shopify platform.

Here is a doc from google about the change Here is a community post about how this affects shopify

If you are not explicitly setting a cookie, some dependency in your app might be doing it, check your code and the current cookies in the browser developer console to find more about your specific case.

Hi, thank you for letting me know.
I am unsure if this has to do with cookie dependencies, I removed some packages that had to do with cookies to no success.
I get this:
render-common-WL1I5NRth1QW.js:79 WebSocket connection to 'wss://argus.shopifycloud.com/graphql?bucket_id=gid://shopify/Shop/85180285226' failed: WebSocket is closed before the connection is established.
And on different occasions:

Didn't find any hints in the dev console as well unfortunately.
My development completely stalled because of this problem for the past month. I hope you can point me in the right direction to fix this.