BIM & Full-stack Developer Building systems that bridge Construction & Technology

import { useQuery } from '@tanstack/react-query'

interface User { id: number, name: string }

const fetchUser = async (id: number): Promise<User> => {
  const res = await fetch(`/api/users/${id}`)
  return res.json()
}

export function UserProfile() {
  const { data } = useQuery({
    queryKey: ['user', id]
    queryFn: () => fetchUser(id)
  })

  return <div>{data?.name}</div>
}