Loading wallets...
;
return (
Your Wallets
{assets?.map((asset) => (
{asset.asset} on {asset.chain}
Address: {asset.address}
Balance: {asset.balance} {asset.asset}
))}
Recent Transactions
{transactions?.items.map((txn) => (
{txn.type} — {txn.amount} {txn.asset} — {txn.status}
))}
);
}
```
### Display a deposit address with QR code
```tsx React theme={null}
import { useDepositAddress } from "@yativo/crypto-react";
import QRCode from "react-qr-code";
function DepositAddress({ accountId, chain, asset }: Props) {
const { data: wallet } = useDepositAddress(accountId, chain, asset);
if (!wallet) return null;
return (