npm install @tanstack/react-query react

import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { useDAOs } from 'daocafe-sdk';

const queryClient = new QueryClient();

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <DAOList />
    </QueryClientProvider>
  );
}

function DAOList() {
  const { data, isLoading, error } = useDAOs({ limit: 10 });

  if (isLoading) return <div>Loading DAOs...</div>;
  if (error) return <div>Error: {error.message}</div>;

  return (
    <ul>
      {data?.items.map(dao => (
        <li key={dao.id}>
          <strong>{dao.name}</strong> - {dao.proposalCount} proposals
        </li>
      ))}
    </ul>
  );
}

import { getDAOs, getActiveProposals } from 'daocafe-sdk';

// Fetch all DAOs
const { items: daos } = await getDAOs({ limit: 10 });
console.log(`Found ${daos.length} DAOs`);

// Fetch active proposals across all DAOs
const { items: proposals } = await getActiveProposals();
console.log(`${proposals.length} active proposals`);