React native Google OAuth not working - redirect_uri_mismatch

const signInWithOAuth = async (provider) => {
    setLoading(true);
    try {
      // Create a deep link that works across Expo environments
      // Ensure localhost is used for the hostname to validation error for success/failure URLs
      const deepLink = new URL(makeRedirectUri({ preferLocalhost: false }));
      if (!deepLink.hostname) {
        deepLink.hostname = 'localhost';
      }
      console.log("deeplink: ", deepLink)
      const scheme = `${deepLink.protocol}//`; // e.g. 'exp://' or 'playground://'
      console.log("scheme: ", scheme)
      // Start OAuth flow
      const loginUrl = await account.createOAuth2Token(
        provider,
        `${deepLink}`,
        `${deepLink}`,
      );
      console.log("loginUrl: ", loginUrl)

      // Open loginUrl and listen for the scheme redirect
      const result = await WebBrowser.openAuthSessionAsync(`${loginUrl}`, scheme);
      console.log("openAuthSessionAsync: ", result)
      // Extract credentials from OAuth redirect URL
      const url = new URL(result.url);
      const secret = url.searchParams.get('secret');
      const userId = url.searchParams.get('userId');
      console.log("url: ", url)

      // Create session with OAuth credentials
      const session = await account.createSession(userId, secret);
      // Redirect as needed
      console.log(session)
      const profile = await account.get();
      console.log(profile)
      onSuccess(profile);
    } catch (err) {
      onError(err);
    } finally {
      setLoading(false);
    }
  };

deeplink:  "schemename://localhost"
scheme:  schemename://
loginUrl:  "https://cloud.appwrite.io/v1/account/tokens/oauth2/google?success=schemename%3A%2F%2Flocalhost&failure=schemename%3A%2F%2Flocalhost&project=projectId"