import { listYieldVaults } from '@dynamic-labs-sdk/client';

const vaults = await listYieldVaults();

console.log(vaults[0].vaultId, vaults[0].netApy);

import { listYieldVaults } from '@dynamic-labs-sdk/client';

const vaults = await listYieldVaults();

const usdcVaults = vaults.filter((vault) => vault.assetSymbol === 'USDC');

console.log(
  usdcVaults.map((vault) => `${vault.curator}: ${vault.netApy ?? 'n/a'}`)
);

import { useListYieldVaults } from '@dynamic-labs-sdk/react-hooks';

function VaultList() {
  const { data: vaults = [], isLoading } = useListYieldVaults();

  if (isLoading) {
    return <p>Loading vaults...</p>;
  }

  return (
    <ul>
      {vaults.map((vault) => (
        <li key={vault.vaultId}>
          {vault.assetSymbol} — {vault.curator} — {vault.netApy ?? 'n/a'}
        </li>
      ))}
    </ul>
  );
}