GPT

CORRECT AUTH PROVIDER IMPLEMENTATION

import { createContext, useContext, useEffect, useState } from 'react' import { User } from '@supabase/supabase-js' import { supabase } from './supabaseClient' const AuthContext = createContext<{ user: User | null loa

Prompt text

Original English text. Replace placeholders with your own details.

import { createContext, useContext, useEffect, useState } from 'react'
import { User } from '@supabase/supabase-js'
import { supabase } from './supabaseClient'

const AuthContext = createContext<{
 user: User | null
 loading: boolean
}>({
 user: null,
 loading: true
})

export function AuthProvider({ children }: { children: React.ReactNode }) {
 const [user, setUser] = useState<User | null>(null)
 const [loading, setLoading] = useState(true)

 useEffect(() => {
 // Check active sessions and sets the user
 supabase.auth.getSession().then(({ data: { session } }) => {
 setUser(session?.user ?? null)
 setLoading(false)
 })

 // Listen for changes on auth state (logged in, signed out, etc.)
 const { data: { subscription } } = supabase.auth.onAuthStateChange((_event, session) => {
 setUser(session?.user ?? null)
 setLoading(false)
 })

 return () => subscription.unsubscribe()
 }, [])

 return (
 <AuthContext.Provider value={{ user, loading }}>
 {children}
 </AuthContext.Provider>
 )
}

export const useAuth = () => {
 return useContext(AuthContext)
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →