Creando la galería de PlatziPunks

Solo voy a dejar esto por aquí:

const [
tokenURI,
dna,
owner,
accessoriesType,
clotheColor,
clotheType,
eyeType,
eyeBrowType,
facialHairColor,
facialHairType,
hairColor,
hatColor,
graphicType,
mouthType,
skinColor,
topType,
] = await Promise.all([
platziPunks.methods.tokenURI(tokenId).call(),
platziPunks.methods.tokenDNA(tokenId).call(),
platziPunks.methods.ownerOf(tokenId).call(),
platziPunks.methods.getAccessoriesType(tokenId).call(),
platziPunks.methods.getAccessoriesType(tokenId).call(),
platziPunks.methods.getClotheColor(tokenId).call(),
platziPunks.methods.getClotheType(tokenId).call(),
platziPunks.methods.getEyeType(tokenId).call(),
platziPunks.methods.getEyeBrowType(tokenId).call(),
platziPunks.methods.getFacialHairColor(tokenId).call(),
platziPunks.methods.getFacialHairType(tokenId).call(),
platziPunks.methods.getHairColor(tokenId).call(),
platziPunks.methods.getHatColor(tokenId).call(),
platziPunks.methods.getGraphicType(tokenId).call(),
platziPunks.methods.getMouthType(tokenId).call(),
platziPunks.methods.getSkinColor(tokenId).call(),
platziPunks.methods.getTopType(tokenId).call(),
]);

Saludos

el método totalSupply es parte del standard ERC721 y retorna la cantidad de tokens almacenados por el contrato

https://docs.openzeppelin.com/contracts/3.x/api/token/erc721#IERC721Enumerable-totalSupply--

En las funciones de los atributos creo que en vez de pasarle el tokenId, seria mas bien con el tokenDna de el punk, si no estoy mal estos atributos se sacaban directamente del adn de los PlatziPunks

Justo tenía este detalle en mi dApp, no sabía como renderizar todo de uno a uno. Excelente y profesional manera de hacerlo. Ya quiero llegar a ese nivel 🚀

¿Tengo una duda todas las funciones que usamos en el useEffect también tienen un useCallback así debe ser? ¿Es la mejor forma de hacerlo?

https://leanlp.github.io/galeriaNft/

costo un poco resolver conflictos de librerias,dado la actualizacion de react 18. aconsejo utilizar yarn y realizar copia de seguridad antes de usar --force o reinstalar o eliminar algun node_modules