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