Can't get collections ... useMoralisWeb3ApiCall

I tried to get listed Cryptopunks collections but nothing happened on pageā€¦

please help me

here is source

import { useMoralisDapp } from ā€œproviders/MoralisDappProvider/MoralisDappProviderā€;

import { useEffect, useState } from ā€œreactā€;

import { useMoralisWeb3Api, useMoralisWeb3ApiCall } from ā€œreact-moralisā€;

import { useIPFS } from ā€œ./useIPFSā€;

export const useNFTTokenIds = () => {

const { token } = useMoralisWeb3Api();

const { chainId } = useMoralisDapp();

const { resolveLink } = useIPFS();

const [NFTTokenIds, setNFTTokenIds] = useState([]);

const {

fetch: getNFTTokenIds,

data,

error,

isLoading,

} = useMoralisWeb3ApiCall(token.getAllTokenIds, { chain: chainId, address: ā€œ0xb47e3cd837dDF8e4c57F05d70Ab865de6e193BBBā€ });

useEffect(() => {

if (data?.result) {

  const NFTs = data.result;

  for (let NFT of NFTs) {

    if (NFT?.metadata) {

      NFT.metadata = JSON.parse(NFT.metadata);

      // metadata is a string type

      NFT.image = resolveLink(NFT.metadata?.image);

    }

  }

  setNFTTokenIds(NFTs);

}

// eslint-disable-next-line react-hooks/exhaustive-deps

}, [data]);

return { getNFTTokenIds, NFTTokenIds, error, isLoading };

};

Iā€™m having the same issue:
a hook with

const options = {
    chain: chainId,
    address: addr,
  };
  const {
    fetch: getNFTTokenIds,
    data,
    error,
    isLoading,
  } = useMoralisWeb3ApiCall(token.getAllTokenIds, {
    chain: chainId,
    address: addr,
  });

return NULL

but If I use:

const data = await token.getAllTokenIds(options);

on the effect it works, so I think is just a problem handling the Promisesā€¦ Iā€™m not a JS expert but looks like the useMoralisWeb3ApiCall does not collect the Promisesā€¦ anyway, need help too!