Create your first wallet

import {
  AvokProvider, createAvokClient, createOwnOriginConnection, useAccount, useCreate,
} from "@avokjs/react";

const client = createAvokClient(
  { connection: createOwnOriginConnection({ rpId: "example.com" }) },
  { name: "Example Wallet", rdns: "com.example.wallet" },
);

function Wallet() {
  const { account } = useAccount();
  const { create, pending, error } = useCreate();
  if (!account) {
    return (
      <button disabled={pending} onClick={() => create()}>
        Create wallet
      </button>
    );
  }
  return <p>{account.evm.address}{error && <span>{error.message}</span>}</p>;
}

export default function App() {
  return (
    <AvokProvider client={client}>
      <Wallet />
    </AvokProvider>
  );
}