Reserves

Learn how to discover and access reserves in Aave v4 spokes.

Reserve Data Structure

Reserve data provides comprehensive information about each asset's lending and borrowing conditions, including:

  • Identification: IDs, spoke, chain

  • Underlying token information

  • Supply information: APY, liquidity, caps, collateral configuration

  • Borrow information: APY, available liquidity, utilization rates, caps

  • Reserve status: frozen, paused

  • User-specific state: balances, borrowable amounts, collateral usage (when user is specified in request)

The following TypeScript interfaces illustrate the core Reserve type:

interface Reserve {  __typename: "Reserve";  id: ReserveId;  onChainId: OnChainReserveId;  chain: Chain;  spoke: Spoke;  asset: HubAsset;  borrowCap: BigDecimal;  supplyCap: BigDecimal;  summary: ReserveSummary;  settings: ReserveSettings;  status: ReserveStatus;  canBorrow: boolean;  canSupply: boolean;  canUseAsCollateral: boolean;  userState: ReserveUserState | null;}

Listing Available Reserves

Discover all available reserves given some criteria.

Use the useReserves hook (or the imperative useReservesAction variant) to fetch a list of reserves.

import { type ReservesRequest, useReserves } from "@aave/react";
function ReservesList({ request }: { request: ReservesRequest }) {  const { data, loading, error } = useReserves(request);
  if (loading) return <div>Loading…</div>;
  if (error) return <div>Error: {error.message}</div>;
  return (    <div>      {data.map((reserve) => (        <div key={reserve.id}>          <h3>{reserve.asset.underlying.info.name}</h3>          <p>Spoke: {reserve.spoke.name}</p>        </div>      ))}    </div>  );}

The useReservesAction hook does not watch for updates. Use it when you need on-demand, fresh data (e.g., in an event handler).

You can query reserves as follows.

import { chainId } from "@aave/react";
const { data, error, loading } = useReserves({  query: {    chainIds: [chainId(1)],  },});

Filter reserves by supply or borrow.

Supply/Borrow Reserves
import { ReservesRequestFilter } from "@aave/react";
// …
const { data, error, loading } = useReserves({  query: {    // your query criteria  },  filter: ReservesRequestFilter.Supply, // or ReservesRequestFilter.Borrow});

Add a user address to return ReserveUserState for each reserve.

Reserves User State
import { evmAddress } from "@aave/react";
// …
const { data, error, loading } = useReserves({  query: {    // your query criteria  },  user: evmAddress("0x456…"),});

Sort reserves by asset name, user balance, APYs, collateral factor, or available amounts.

import { OrderDirection } from "@aave/react";
// …
const { data, error, loading } = useReserves({  query: {    // your query criteria  },  orderBy: { assetName: OrderDirection.Asc },});

Specify a different currency to return fiat amounts in.

import { Currency } from "@aave/react";
// …
const { data, error, loading } = useReserves({  query: {    // your query criteria  },  currency: Currency.Eur,});

Fetching a Single Reserve

Get detailed information about a specific reserve.

Use the useReserve hook to fetch a specific reserve.

import { type ReserveRequest, useReserve } from "@aave/react";
function ReserveDetails({ request }: { request: ReserveRequest }) {  const { data, loading, error } = useReserve(request);
  if (loading) return <p>Loading reserve...</p>;
  if (error) return <p>Error: {error.message}</p>;
  if (!data) return <p>Reserve not found</p>;
  return (    <div>      <h2>Reserve ID: {data.id}</h2>      <p>Supply APY: {data.summary.supplyApy.normalized}%</p>      <p>Borrow APY: {data.summary.borrowApy.normalized}%</p>    </div>  );}

See below for examples of how to use the useReserve hook.

import { chainId, evmAddress, type OnChainReserveId } from "@aave/react";
// …
const { data, error, loading } = useReserve({  query: {    reserveInput: {      chainId: chainId(1),      spoke: evmAddress("0x123…"),      onChainId: "1" as OnChainReserveId,    },  },});

Borrow APY History

Fetch historical borrow APY data for a specific reserve.

Use the useBorrowApyHistory hook to fetch borrow APY history over time.

import { type BorrowAPYHistoryRequest, useBorrowApyHistory } from "@aave/react";
function BorrowApyChart({ request }: { request: BorrowAPYHistoryRequest }) {  const { data, loading, error } = useBorrowApyHistory(request);
  if (loading) return <div>Loading…</div>;
  if (error) return <div>Error: {error.message}</div>;
  return (    <div>      {data.map((sample) => (        <div key={sample.date.toString()}>          <p>            {sample.date.toLocaleDateString()}:{" "}            {sample.avgRate.normalized.toFixed(2)}%          </p>        </div>      ))}    </div>  );}

See below for examples of how to use the useBorrowApyHistory hook.

import { TimeWindow } from "@aave/react";
const { data, error, loading } = useBorrowApyHistory({  reserve: reserve.id,  window: TimeWindow.LastDay,});

Supply APY History

Fetch historical supply APY data for a specific reserve.

Use the useSupplyApyHistory hook to fetch supply APY history over time.

import { type SupplyAPYHistoryRequest, useSupplyApyHistory } from "@aave/react";
function SupplyApyChart({ request }: { request: SupplyAPYHistoryRequest }) {  const { data, loading, error } = useSupplyApyHistory(request);
  if (loading) return <div>Loading…</div>;
  if (error) return <div>Error: {error.message}</div>;
  return (    <div>      {data.map((sample) => (        <div key={sample.date.toString()}>          <p>            {sample.date.toLocaleDateString()}:{" "}            {sample.avgRate.normalized.toFixed(2)}%          </p>        </div>      ))}    </div>  );}

See below for examples of how to use the useSupplyApyHistory hook.

import { TimeWindow } from "@aave/react";
const { data, error, loading } = useSupplyApyHistory({  reserve: reserve.id,  window: TimeWindow.LastDay,});
Previous
Spokes
Next
Assets