Optimistic UI with useTransition

'use client';

function DeleteButton({ id }: { id: string }) {
  const [isPending, startTransition] = useTransition();

  return (
    <button
      disabled={isPending}
      onClick={() => startTransition(async () => {
        await deleteDump(id);
      })}
    >
      {isPending ? 'Deleting…' : 'Delete'}
    </button>
  );
}