import { useState, useEffect } from 'react'

interface User {
 id: string
 name: string
 email: string
}

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

 useEffect(() => {
 fetch(`/api/users/${userId}`)
 .then(res => res.json())
 .then(data => {
 setUser(data)
 setLoading(false)
 })
 }, [userId])

 return { user, loading }
}