Configure Torii to index your token data

[indexing]
contracts = [
    "erc20:0x49d36570d4e46f48e99674bd3fcc84644ddd6b96f7c741b1562b82f9e004dc7", # ETH fee token
    "erc20:0x4718f5a0fc34cc1af16a1cdee98ffb20c31f5cd61d6ab07201858f4287c938d", # STRK fee token
    "erc721:contract_address"
]

Setup sdk

Example

import { useTokens, WithAccount } from "@dojoengine/sdk/react";
 
function TokenBalance({ address }: { address: `0x${string}` }) {
    const { tokens, balances, getBalance, toDecimal } = useTokens({
        accountAddresses: [address],
    });
 
    return (
        <div>
            Token Balance: {address}
            <div>
                {tokens.map((token, idx) => (
                    <div key={idx}>
                        {token.symbol}
                        &nbsp;
                        {toDecimal(token, getBalance(token))}
                    </div>
                ))}
            </div>
        </div>
    );
}
 
export default WithAccount(TokenBalance);