'Google Sign In within embedded browsers (Messenger, Instagram) not working.. Googles webview policy?

I have a Nextjs web app with Firebase Auth. I only allow my users to login with Google.

All my traffic is coming from social media apps which have an embedded browser. So on launch day I learned that signing in only works directly from a browser like chrome or safari but not within a webview within an application. This is a nightmare.

I tried switching from signInWithPopUp() to signInWithRedirect(), but still same issue.

error 403: disallowed_useragent

This app doesn't comply with Googles webview policy.

enter image description here

Has anyone encountered this problem?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source