Signing transactions

import { ZeroXKeyProvider } from "@0xkey-io/react-wallet-kit";
const 0xkeyConfig = {
  apiBaseUrl: "https://api.0xkey.io",
  defaultOrganizationId: process.env.OXKEY_ORGANIZATION_ID, // prefix with NEXT_PUBLIC for NextJS
  rpId: process.env.RPID, // your application's domain
  iframeUrl: "https://authproxy.0xkey.io"
}

...

<div className="App">
  <ZeroXKeyProvider config={zeroXKeyConfig}>
  // Rest of app ...
  </ZeroXKeyProvider>
</div>

import { ethers } from "ethers";
import { ZeroXKeySigner } from "@0xkey-io/ethers";

import { useZeroXKey } from "@0xkey-io/react-wallet-kit";
const { 0xkey, passkeyClient } = useZeroXKey();

const provider = new ethers.JsonRpcProvider(<provider api url>);
const currentUser = await 0xkey.getCurrentUser();
const 0xkeySigner = new ZeroXKeySigner({
  client: passkeyClient,
  organizationId: currentUser.organization.organizationId,
  signWith: "<wallet address to sign with>"
})
const connectedSigner = 0xkeySigner.connect(provider);

const transactionRequest = {
  to: "<destination address>",
  value: ethers.parseEther("<amount to send>"),
  type: 2,
};
const sendTransaction = await connectedSigner.sendTransaction(transactionRequest);