"": "const { sender, contract, abi, functionName, chainLabel } = props;\\n\\nconst [balance, setBalance] = useState(0);\\n\\nconst fetchBalance = () => {\\n if (sender) {\\n const iface = new ethers.utils.Interface(abi);\\n\\n const encodedBalanceData = iface.encodeFunctionData(functionName, [sender]);\\n Ethers.provider()\\n .call({\\n to: contract,\\n data: encodedBalanceData,\\n })\\n .then((rawBalance) => {\\n const receiverBalanceHex = iface.decodeFunctionResult(\\n functionName,\\n rawBalance\\n );\\n\\n setBalance(ethers.utils.formatEther(Big(receiverBalanceHex).toFixed()));\\n });\\n }\\n};\\n\\nuseEffect(() => {\\n fetchBalance();\\n}, [sender]);\\n\\nreturn (\\n <div>\\n <span>Total Deposited:</span>\\n <p class=\\\"HeaderTxt\\\">{`${balance} ${chainLabel}`}</p>\\n </div>\\n);\\n",