Google Sign-In in React Native WebView opens new tab in Chrome and does not return to app

I’m using a WebView in my React Native app to load a website with Google Sign-In functionality. However, when I click the “Sign in with Google” button, it opens a new tab in Chrome. After selecting an email for login, the page just keeps showing a loading screen and does not return to the app or proceed with the sign-in.

code :

 <WebView
  allowFileAccess
  allowFileAccessFromFileURLs
  sharedCookiesEnabled
  thirdPartyCookiesEnabled
  nestedScrollEnabled
  userAgent="Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2228.0 Safari/537.36"
  source={{ uri: 'here i provide my url' }} 
  style={{ flex: 1 }}
/>

Problem:
Google Sign-In opens a new Chrome tab instead of staying within the WebView.
After selecting the email for Google login, the process gets stuck on a loading screen and doesn’t proceed further or return to the app.

What I’ve tried:
Enabled third-party cookies (thirdPartyCookiesEnabled).
Set a custom user agent.
Ensured sharedCookiesEnabled is enabled.

Any suggestions on how to fix this issue?