Correction

[valentinchabaud]

<script setup lang="ts"> import { useAppKitProvider, useAppKitAccount } from "@reown/appkit/vue"; import { BrowserProvider, Contract, formatUnits } from 'ethers' const USDTAddress = '0x617f3112bf5397D0467D315cC709EF968D9ba546' // The ERC-20 Contract ABI, which is a common contract interface // for tokens (this is the Human-Readable ABI format) const USDTAbi = [ 'function name() view returns (string)', 'function symbol() view returns (string)', 'function balanceOf(address) view returns (uint)', 'function transfer(address to, uint amount)', 'event Transfer(address indexed from, address indexed to, uint amount)' ] function Components() { const { address, isConnected } = useAppKitAccount() const { walletProvider } = useAppKitProvider() async function getBalance() { if (!isConnected) throw Error('User disconnected') const ethersProvider = new BrowserProvider(walletProvider) const signer = await ethersProvider.getSigner() // The Contract object const USDTContract = new Contract(USDTAddress, USDTAbi, signer) const USDTBalance = await USDTContract.balanceOf(address) console.log(formatUnits(USDTBalance, 18)) } return Get User Balance } </script>

'const { walletProvider } = useAppKitProvider() ' walletProvider is undefined