@tahanabavi/typefetch-react

import { useQuery } from '@tahanabavi/typefetch-react'

function UserCard({ id }: { id: string }) {
  const user = useQuery(
    api.modules.user.getUser,
    { path: { id } },
    {
      staleTime: 30_000,
    }
  )

  if (user.isLoading) return <p>loading…</p>
  if (user.isError) return <p>{user.error?.message}</p>
  return <p>{user.data?.name}</p> // data is inferred from the contract
}