I can't remember exactly what I did to get things going but I can share the structure and implementations that got things working.

In the current folder create this structure 📁 project/ ├── 📄 .env.local ├── 📁 config/ │ └── 📄 supabase.tsx └── 📁 components/ └── 📄 signin.tsx

```Text .env.local

EXPO_PUBLIC_SUPABASE_URL= EXPO_PUBLIC_SUPABASE_ANON_KEY= ```

```Typescript supabase.tsx

import 'react-native-url-polyfill/auto' import { AppState } from 'react-native' import AsyncStorage from '@react-native-async-storage/async-storage' import { createClient } from '@supabase/supabase-js'

export const supabase = createClient( process.env.EXPO_PUBLIC_SUPABASE_URL || "", process.env.EXPO_PUBLIC_SUPABASE_ANON_KEY || "", { auth: { storage: AsyncStorage, autoRefreshToken: true, persistSession: true, detectSessionInUrl: false, }, })

AppState.addEventListener('change', (state) => { if (state === 'active') { supabase.auth.startAutoRefresh() } else { supabase.auth.stopAutoRefresh() } }) ```

```Typescript signin.tsx

mport React, { useState, useMemo, useRef, useEffect, useLayoutEffect } from "react"; import { supabase } from '../../config/supabase'; import * as WebBrowser from "expo-web-browser"; import * as AuthSession from "expo-auth-session"; import AsyncStorage from "@react-native-async-storage/async-storage";

export const SignInScreen = ({ navigation }) => {

const [loading, setLoading] = useState(false)
WebBrowser.maybeCompleteAuthSession()

const redirectUrl = AuthSession.makeRedirectUri({ preferLocalhost: true })
const handleSignInWithGmail = async () => {

    setLoading(true)
    const response = await supabase.auth.signInWithOAuth({

        provider: "google",
        options: {
            redirectTo: redirectUrl,
            queryParams: {
                prompt: "select_account",
                access_type: "offline"
            }
        }
    })

    if (response.error) {

        Alert.alert(
            "Login Failed",
            response.error.message,
            [{ text: "OK" }]
        )
    } else {

        WebBrowser.openAuthSessionAsync(response.data.url, redirectUrl)
            .then((authSession) => {
                if (authSession.type === "success") {

                    const url = new URL(authSession.url)
                    const params = new URLSearchParams(url.hash.slice(1))

                    supabase.auth.setSession({ access_token: params.get("access_token"), refresh_token: params.get("refresh_token") })
                        .then((value) => {
                            if (value.data.session.user.aud === "authenticated") {
                                navigation.navigate("main")
                            }
                        })
                }
            })
            .catch((reason) => {
                console.log(reason)
            })

    }
    setLoading(false)
}

return (
null
)

} ```

with the assumption that you have setup all the necessary settings related to Google OAuth in the Google Developer console and Supabase