TypeScript

import { createPublicClient, http, parseAbi } from "viem"
import { addresses, chainId } from "./addresses"

const client = createPublicClient({
  chain: {
    id: chainId,
    name: "Robinhood Chain testnet",
    nativeCurrency: { name: "ETH", symbol: "ETH", decimals: 18 },
    rpcUrls: { default: { http: ["https://rpc.testnet.chain.robinhood.com"] } },
  },
  transport: http(),
})

const lensAbi = parseAbi([
  "function snapshot(address account) view returns ((uint256 health, uint256 maxBorrow, (uint16 bookId, address collateral, uint256 amount, uint256 amountUi, uint256 debt, uint256 liquidationPrice)[] books))",
])

export async function readPosition(account: `0x${string}`) {
  return client.readContract({
    address: addresses.riskLens,
    abi: lensAbi,
    functionName: "snapshot",
    args: [account],
  })
}

"use client"
import { useEffect, useState } from "react"
import { readPosition } from "./read-position"

export function PositionCard({ account }: { account: `0x${string}` }) {
  const [snap, setSnap] = useState<Awaited<ReturnType<typeof readPosition>>>()
  useEffect(() => {
    readPosition(account).then(setSnap)
  }, [account])
  if (!snap) return <p>Loading</p>
  return <p>Max borrow {snap.maxBorrow.toString()}</p>
}

interface IRiskLens {
    function maxBorrow(address account) external view returns (uint256);
}