GPT

Correct Client Integration

// app/lib/auth.client.ts import { createClient } from 'better-auth/client' import type { User } from '~/types' export const authClient = createClient ({ apiUrl: '/api/auth', onSessionChange: session = { console.log(

Prompt text

Original English text. Replace placeholders with your own details.

// app/lib/auth.client.ts
import { createClient } from 'better-auth/client'
import type { User } from '~/types'

export const authClient = createClient<User>({
 apiUrl: '/api/auth',
 onSessionChange: session => {
 console.log('Session changed:', session)
 }
})

// app/hooks/useAuth.ts
import { useEffect, useState } from 'react'
import { authClient } from '~/lib/auth.client'
import type { User } from '~/types'

export function useAuth() {
 const [user, setUser] = useState<User | null>(null)
 const [loading, setLoading] = useState(true)

 useEffect(() => {
 const unsubscribe = authClient.onAuthStateChange(user => {
 setUser(user)
 setLoading(false)
 })

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

 return {
 user,
 loading,
 signIn: authClient.signIn,
 signOut: authClient.signOut,
 signUp: authClient.signUp
 }
}

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 →