useTap

function useTap(): {
  scan: () => Promise<void>;
  status: "idle" | "scanning" | "error";
  error: Error | null;
  permission: WebNfcPermissionState;
};

type WebNfcPermissionState = "granted" | "prompt" | "denied" | "unsupported";

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

export function ScanButton() {
  const { scan, status, permission } = useTap();

  if (permission === "unsupported") return null; // rely on the landing redirect
  if (permission === "denied") {
    return <p>Enable NFC scanning in your browser's site settings.</p>;
  }

  return (
    <button onClick={() => scan()} disabled={status === "scanning"}>
      {status === "scanning" ? "Scanning..." : "Scan another item"}
    </button>
  );
}