Popup window closed with "useGoogleLogin" before operation completed.

[brightdev0404]

{
    "message": "Popup window closed",
    "stack": "Error: Popup window closed\n    at new <anonymous> (https://accounts.google.com/gsi/client:81:28)\n    at Ds.D (https://accounts.google.com/gsi/client:115:365)\n    at Ne (https://accounts.google.com/gsi/client:108:460)\n    at Object.dispatchEvent (https://accounts.google.com/gsi/client:107:342)\n    at Object.I (https://accounts.google.com/gsi/client:111:551)",
    "type": "popup_closed"
}

const signinWithGoogle = useGoogleLogin({
  error_callback(nonOAuthError) {
    console.log("nonOAuthError111111111111111", nonOAuthError);
  },
  onNonOAuthError(nonOAuthError) {
    console.log("nonOAuthError => : ", nonOAuthError);
  },
  onSuccess: (codeResponse) => signInWithGoogleHandler(codeResponse),
  onError: (error) => console.log("Login Failed:", error),
});

In my local, it's working well, but after pushing to domain, it doesn't work. In the production, it opens the pop-up window, and it's still open, but I am getting above error.

[AndyPandyGeek]

I am facing the same problem, but only in a specific browser (Yandex for iOS — which presumably blocks popups).
Google/Safari are all fine (at least for now).

The warning I'm getting is "Cross-Origin-Opener-Policy policy would block the window.closed call". On desktop it's just a warning, but on mobile it won't let Google auth to finish its flow.
No way to fix it by setting "Cross-Origin-Opener-Policy": "same-origin-allow-popups" locally, presumably, because google itself sets this header to "same-origin".

So perhaps the best solution would be to switch to { ux_mode: "redirect }.