useSession

function useSession(): {
  session: TapSession | null;
  item: TapResponse["unit"] | null;
  status: SessionStatus;
  error: Error | null;
  verify: (tap: TapInput) => Promise<TapSession>;
};

type SessionStatus = "idle" | "capturing" | "verifying" | "verified" | "error";

"use client";
import { useSession } from "@endstate-sdk/web/react";

export function ItemPanel() {
  const { item, status, error } = useSession();

  if (status === "capturing" || status === "verifying") return <Spinner />;
  if (status === "error") return <p>Could not verify: {error?.message}</p>;
  if (!item) return <p>No item tapped.</p>;

  return (
    <div>
      <h1>{item.name}</h1>
      <p>Genuine item {item.id}</p>
    </div>
  );
}

const { verify } = useSession();
const session = await verify(tap);