Web SDK
- Overview
- Getting Started
- Migrate from v4 to v5
- Guides
- Hooks
- Secondary Sales Marketplace
- Custom Configuration
- Custom Connectors
Game Engine SDKs
- Unity
- Unreal
Other SDKs
- Typescript
- Go
- Mobile
Marketplace Data
useListCollectibles
The useListCollectibles hook retrieves the current listings and offers in a collection from your Marketplace. Useful for accessing and managing listings and offers efficiently.
Copy
Ask AI
import { OrderSide } from '@0xsequence/marketplace-sdk';
import { useListCollectibles } from '@0xsequence/marketplace-sdk/react';
## Into your React component:
const {
data: collectibles,
isLoading: collectiblesLoading,
fetchNextPage: fetchNextCollectibles,
} = useListCollectibles({
chainId,
collectionAddress,
filter: {
// # Optional filters
includeEmpty,
searchText,
properties,
},
side: OrderSide.listing,
});
const collectiblesFlat =
collectibles?.pages.flatMap((p) => p.collectibles) ?? [];
return (
<div>
{collectiblesFlat?.map((collectible) => (
// Your Collectibles component
))}
</div>
);
useListCollectibles
* params
Copy
Ask AI
interface UseListCollectiblesArgs {
chainId: string;
side: OrderSide;
collectionAddress: `0x${string}`;
page?: {
page: number;
pageSize: number;
sort?: {
order: SortOrder$1;
column: string;
}[];
more?: boolean;
};
filter?: {
includeEmpty: boolean;
searchText?: string;
properties?: {
type: PropertyType;
name: string;
values?: any[];
max?: number;
min?: number;
}[];
marketplaces?: MarketplaceKind[];
inAccounts?: string[];
notInAccounts?: string[];
ordersCreatedBy?: string[];
ordersNotCreatedBy?: string[];
};
query?: {
enabled?: boolean;
};
}
* return properties
Contains the paginated collectible orders data.
List of collectible orders returned in pages.
Indicates whether the data is currently loading.
This function allows you to fetch the next “page” of results.
Was this page helpful?
Assistant
Responses are generated using AI and may contain mistakes.