Remove account

import { useAccounts, useRemoveAccount } from "@sublay/react-js";

function AccountList() {
  const { accounts } = useAccounts();
  const { removeAccount, isRemoving, error } = useRemoveAccount();

  return (
    <ul>
      {accounts.map((account) => (
        <li key={account.id}>
          {account.name ?? account.email}
          <button
            onClick={() =>
              removeAccount({ userId: account.id }).catch(() => {
                /* Rejects when the server refuses the push unbind; `error`
                   below carries the reason and nothing was torn down. */
              })
            }
            disabled={isRemoving}
          >
            Remove
          </button>
        </li>
      ))}
      {error && <p>{error}</p>}
    </ul>
  );
}

import { useAccounts, useRemoveAccount } from "@sublay/react-native";

function AccountItem({ userId }: { userId: string }) {
  const { removeAccount, isRemoving } = useRemoveAccount();

  return (
    <Button
      title="Remove"
      onPress={() =>
        removeAccount({ userId }).catch(() => {
          /* Read `error` from the hook; without a catch this is an
             unhandled rejection. */
        })
      }
      disabled={isRemoving}
    />
  );
}