{address}
);
}
const rwConnector = connectors.find(c => c.id === "com.risechain.wallet");
if (!rwConnector) return null;
return (
);
}
```
### Sending Transactions
```tsx title="components/SendTransaction.tsx"
import { useSendCalls } from "wagmi";
import { parseEther } from "viem";
export function SendTransaction() {
const sendCalls = useSendCalls();
const handleSend = async () => {
const result = await sendCalls.mutateAsync({
calls: [{
to: "0x...",
value: parseEther("0.001"),
}],
});
console.log("Transaction sent:", result);
};
return (
);
}
```
## RISE Wallet Specific Hooks
Import custom hooks via the `Hooks` namespace:
```tsx
import { Hooks } from "rise-wallet/wagmi";
// or individually
import { useGrantPermissions } from "rise-wallet/wagmi/Hooks";
```
### useGrantPermissions
Create session keys with specific permissions:
```tsx
const grantPermissions = Hooks.useGrantPermissions();
const createSession = async () => {
await grantPermissions.mutateAsync({
key: { publicKey: "...", type: "p256" },
expiry: Math.floor(Date.now() / 1000) + 3600, // 1 hour
permissions: {
calls: [{
to: "0x...",
signature: "0x...",
}],
},
});
};
```
### usePermissions
View current permissions for the connected account:
```tsx
const { data: permissions } = Hooks.usePermissions();
if (permissions) {
console.log("Active permissions:", permissions);
}
```
### useRevokePermissions
Revoke previously granted permissions:
```tsx
const revokePermissions = Hooks.useRevokePermissions();
const revokeSession = async (keyId: string) => {
await revokePermissions.mutateAsync({
keyId,
});
};
```
### useAssets
Get user's token balances and assets:
```tsx
const { data: assets } = Hooks.useAssets();
return (
{assets?.map(asset => (
);
```
## Advanced Patterns
### Batched Transactions
Execute multiple operations atomically:
```tsx
const sendCalls = useSendCalls();
// Approve and swap in one transaction
await sendCalls.mutateAsync({
calls: [
{
to: TOKEN_ADDRESS,
data: approveCalldata,
},
{
to: DEX_ADDRESS,
data: swapCalldata,
},
],
// Atomic execution - all succeed or all fail
atomicRequired: true,
});
```
### Reading Transaction Status
Monitor transaction progress:
```tsx
import { useWaitForTransactionReceipt } from "wagmi";
const { data: receipt, isLoading } = useWaitForTransactionReceipt({
hash: transactionHash,
});
if (receipt) {
console.log("Transaction confirmed:", receipt);
}
```
### Error Handling
Properly handle wallet errors:
```tsx
import { BaseError } from "wagmi";
const sendCalls = useSendCalls();
try {
await sendCalls.mutateAsync({...});
} catch (error) {
if (error instanceof BaseError) {
// Handle specific error types
if (error.shortMessage.includes("rejected")) {
console.log("User rejected the request");
}
}
}
```
## TypeScript Support
RISE Wallet provides full TypeScript support:
```tsx
import type { RiseWallet } from "rise-wallet";
import type { Config } from "wagmi";
// Config is fully typed
const config: Config = createConfig({
chains: [Chains.riseTestnet],
connectors: [rwConnector],
transports: {
[Chains.riseTestnet.id]: http(),
},
});
```
## Best Practices
### 1. Check Connection State
Always verify the connection state before attempting transactions:
```tsx
const { isConnected } = useConnection();
if (!isConnected) {
return
{asset.symbol}: {asset.balance}
))}
sendTransactionSync() directly - it's easier but makes multiple RPC calls. Viem will soon integrate this optimization natively. See the commented code at the bottom for the simpler approach.
}
>