Fetch many workspaces (wrapper)

import { useFetchManyWorkspacesWrapper } from "@sublay/react-js";

function WorkspaceList() {
  const { workspaces, loading, hasMore, loadMore } =
    useFetchManyWorkspacesWrapper({ limit: 10, include: ["memberCount"] });

  return (
    <div>
      {workspaces.map((w) => (
        <div key={w.id}>{w.name} — {w.memberCount} members</div>
      ))}
      {hasMore && <button disabled={loading} onClick={loadMore}>Load more</button>}
    </div>
  );
}