useCurrentUser.ts

import { useEffect, useState } from 'react'

export const useCurrentUser () {
  const [user, setCurrentUser] = useState()
  const [error, setError] = useState<Error>()
  const [loading, setLoading] = useState<boolean>(false)

  const fetchLoggedUser = async () => {
    setLoading(true)

    const { data: { user }, error } = await client.auth.getUser()
    
    if (error) {
      setError(error)
    }
    
    setCurrentUser(user)
    setLoading(false)
  }

  useEffect(() => {
    fetchLoggedUser()
  }, [])

  return {
    user,
    error,
    loading
  }
}