> ## Documentation Index
> Fetch the complete documentation index at: https://docs.delora.build/llms.txt
> Use this file to discover all available pages before exploring further.

# Connected Chains

> The Delora is fully compatible with a wide range of blockchains. This section outlines supported networks, their identifiers, and integration requirements for cross-chain requests.

export const SupportedChains = () => {
  const PRIORITY_ORDER = {
    eth: 0,
    sol: 1
  };
  const [chains, setChains] = useState(null);
  const [error, setError] = useState(null);
  useEffect(() => {
    let cancelled = false;
    const fetchChains = async () => {
      try {
        const res = await fetch('https://api.delora.build/v1/chains', {
          headers: {
            accept: 'application/json'
          },
          cache: 'no-store'
        });
        if (!res.ok) throw new Error(`HTTP ${res.status}`);
        const json = await res.json();
        if (!cancelled) setChains(json.chains);
      } catch (e) {
        if (!cancelled) setError(e.message);
      }
    };
    fetchChains();
    return () => {
      cancelled = true;
    };
  }, []);
  if (error) return <div className="text-red-600">Error: {error}</div>;
  if (!chains) return <div>Loading…</div>;
  return <div className="not-prose overflow-x-auto">
      <table className="min-w-[640px] w-full text-sm table-auto">
        <thead>
          <tr className="border-b border-gray-800 text-left">
            <th className="py-2">Chain Name</th>
            <th className="py-2">Chain ID</th>
            <th className="py-2">Key</th>
            <th className="py-2">Chain Type</th>
          </tr>
        </thead>

        <tbody>
          {chains.slice().sort((a, b) => {
    const aPriority = PRIORITY_ORDER[a.key] ?? 100;
    const bPriority = PRIORITY_ORDER[b.key] ?? 100;
    if (aPriority !== bPriority) {
      return aPriority - bPriority;
    }
    return a.id - b.id;
  }).map(c => <tr key={c.key} className="border-b border-gray-800">
              <td className="py-2">
                <div className="flex items-center gap-2">
                  <img src={c.logoURI} alt={c.name} className="h-4 w-4 object-contain" />
                  <span className="font-medium">{c.name}</span>
                </div>
              </td>

              <td className="py-2">
                <code>{c.id}</code>
              </td>

              <td className="py-2">
                <code>{c.key}</code>
              </td>

              <td className="py-2 font-medium">
                {c.chainType}
              </td>
            </tr>)}
        </tbody>
      </table>
    </div>;
};

<SupportedChains />