@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
}