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
Show child attributes
Show child attributes
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
Show child attributes
Show child attributes
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.