> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getpara.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Query Validator Information
> Get validator details, commission rates, and staking APY
Query validator information to make informed staking decisions on Cosmos chains using CosmJS in React Native.
## Prerequisites
## Query Validators
```typescript theme={null}
import { useState } from 'react';
import { View, Text, Button } from 'react-native';
import { useParaCosmjsProtoSigner } from '@getpara/react-native-wallet/cosmos';
import { setupStakingExtension, QueryClient } from '@cosmjs/stargate';
import { Tendermint37Client } from '@cosmjs/tendermint-rpc';
const RPC_URL = 'https://rpc.cosmos.directory/cosmoshub';
interface ValidatorInfo {
name: string;
operatorAddress: string;
tokens: string;
commission: string;
}
function ValidatorList() {
const { protoSigner, isLoading } = useParaCosmjsProtoSigner();
const address = protoSigner?.address;
const [validators, setValidators] = useState([]);
const queryValidators = async () => {
const tmClient = await Tendermint37Client.connect(RPC_URL);
const queryClient = QueryClient.withExtensions(tmClient, setupStakingExtension);
try {
const { validators: activeValidators } = await queryClient.staking.validators('BOND_STATUS_BONDED');
const validatorInfo = activeValidators.slice(0, 10).map(validator => ({
name: validator.description?.moniker || 'Unknown',
operatorAddress: validator.operatorAddress,
tokens: validator.tokens,
commission: validator.commission?.commissionRates?.rate || '0',
}));
setValidators(validatorInfo);
if (address) {
const delegations = await queryClient.staking.delegatorDelegations(address);
console.log('Your delegations:', delegations);
}
} catch (error) {
console.error('Failed to query validators:', error);
}
};
if (isLoading) return Loading...;
return (
Address: {address}
{validators.map(v => (
{v.name} - Commission: {v.commission}
))}
);
}
```
## Next Steps