the market page take time with 10000 items loading
doss anyone working with items load 30 per page eg... ?!?

localhost colake-marketplace % yarn deploy
yarn run v1.22.19
$ next build && next export && npx thirdweb@latest upload out
Linting and checking validity of types ..Failed to compile.

./node_modules/abitype/dist/types/human-readable/formatAbi.d.ts:18:35
Type error: Type parameter declaration expected.

16 | * @returns Human-readable ABI
17 | */

18 | export declare function formatAbi<const TAbi extends Abi | readonly unknown[]>(abi: TAbi): FormatAbi;
| ^
19 | //# sourceMappingURL=formatAbi.d.ts.map
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

localhost colake-marketplace % node -v
v18.18.2

It seems it's not fetching anything or not detecting any collection within it's page

I've tried changing getNFTs and works but it's not showing the metadata and stuffs

This is related to this issue post from the thirdweb Discord community forum channel.

https://discord.com/channels/834227967404146718/1104952162779398164

TLDR; Adding pagination so that it can handle any large number NFT collection for selling/listing.

How to display sale histories??

Hello im sorry back again. So Far marketplace is good now. and i wanna ask the minting like open sea thing.

https://github.com/thirdweb-example/marketplace-with-signature-based-minting/tree/main

i found this old ones. can you this one add features of minting. or any guide for merges it?

using this guide ones. im still not understand how to add listing NFT

https://blog.thirdweb.com/guides/nft-marketplace-with-typescript-next/

import { CHAIN_ID_TO_NAME, NFT, ThirdwebSDK } from "@thirdweb-dev/sdk"; ('"@thirdweb-dev/sdk"' has no exported member named 'CHAIN_ID_TO_NAME'. Did you mean 'ChainIdOrName'?)

"isApprovedForAll",
nft.owner, (Argument of type 'string' is not assignable to parameter of type 'any[]'.ts(2345))
MARKETPLACE_ADDRESS
);

// If it is, provide approval
if (!hasApproval) {
  const txResult = await nftCollection?.call(
    "setApprovalForAll",
    MARKETPLACE_ADDRESS,  **Argument of type 'string' is not assignable to parameter of type 'any[]'.ts(2345)**
    true
  );

Hello,

Thanks for writing this example. Its really useful. I am trying to get the offers received and place them in the placeholder of the Input component but I don't get it working.

I've tried the many approaches and it's driving me nuts. Here is my last one:

useEffect(() => {
    setLoadingMinimumNextBid(true);
    const fetchMinimumNextBid = async () => {
      if (auctionListing && auctionListing[0]) {
        const nextBid = await calcNextBid(marketplace, auctionListing[0]);
        setMinimumNextBid(nextBid);
      }
      setLoadingMinimumNextBid(false);
    };
    fetchMinimumNextBid();
  }, [auctionListing]);

  async function calcNextBid(
    marketplace: MarketplaceV3 | undefined,
    auctionListing: EnglishAuction | undefined,
  ): Promise<string | undefined> {
    if (!marketplace || !auctionListing) {
      console.debug("Either marketplace or auctionListing is undefined");
      return undefined;
    }
    const offers = await marketplace.offers.getAllValid({
      tokenContract: collectionAddress,
      tokenId: String(nft.id),
    });
    console.debug("Offers fetched: ${offers.length}");
    const bidBufferBps = auctionListing.bidBufferBps;
    const minimumBidCurrencyValue = auctionListing.minimumBidCurrencyValue.decimals;
    let highestBid = 0;
    if (offers.length > 0) {
      highestBid = offers.reduce((max, offer) => Math.max(Number(offer.totalPrice), max), 0);
      console.debug(`Highest bid from offers: ${highestBid}`);
    }
    const nextBid = highestBid > 0 
      ? ((highestBid * (1 + (bidBufferBps / 10000))).toString()) 
      : minimumBidCurrencyValue.toString();
    console.debug("Calculated next bid: ${nextBid}");
    return nextBid;
  }

No matter the approach I try, I get:

What I'm doing wrong?

Finish building this functionality and the timer for the end of the auctions would help devs so much.

Thanks!

Hello i now today using this thirdweb. since it's good using. and i build contract here too.. but the problem after add NFT i need using bnb network and this one sepolia. the bug happened after changes the code to BSC

From

import { sepolia } from "thirdweb/chains";
export const NETWORK = sepolia;

To

import { bsc } from "thirdweb/chains";
export const NETWORK = bsc;

Got error id thing. did anything i need fixed?

After following your details instruction, which includes deploying my marketplacev3 contract and importing my ERC-721A collection on the Thirdweb dashboard, I continue to get an error on the "buy" component of the dapp. The NFTs from my collection do load successfully on the grid, but when I attempt to load anyone NFT to see further details this error shows up:
Server Error Error: Error serializing .contractMetadata.descriptionreturned fromgetStaticPropsin "/token/[contractAddress]/[tokenId]". Reason:undefinedcannot be serialized as JSON. Please usenull or omit this value.

I've also submitted a similar issue when attempting to load the marketplace contract and imported collection contract on the help section of the official discord which could be found here:

The token detail page, tokenid.tsx is not displaying the trait name or value properly on my deployment. It only displays the key value and renders a blank object for each trait value. If I try to switch out the code to {value.value} and {value.trait_type} it works locally but fails to build for deployment.

<div className={styles.traitsContainer}> {Object.entries(nft?.metadata?.attributes || {}).map( ([key, value]) => ( <div className={styles.traitContainer} key={key}> <p className={styles.traitName}>{key}</p> <p className={styles.traitValue}> {value?.toString() || ""} </p> </div> ) )} </div>