A hook in React that returns owned objects by given type.

useGetObjects.ts

import { JsonRpcProvider } from "@mysten/sui.js";

export function useGetObjects(provider: JsonRpcProvider) {
  const getObjectsByType = (
    address: string | undefined,
    type: string,
    nextCursor: string = ''
  ): Promise<any> => {

    // return an empty array for non-address.
    if (!address) return Promise.resolve([]);

    let objectsArray: any[] = [];

    let getObjectsQuery = {
      filter: { StructType: type },
      owner: address,
      options: { 
        showContent: true, 
        showOwner: true, 
        showType: true 
      },
    };

    if (nextCursor) Object.assign(getObjectsQuery, { cursor: nextCursor });

    return provider.getOwnedObjects(getObjectsQuery).then(async (res) => {
      let objectsArray = res.data.map((item) => item.data);  // Add current page's data to array

      let nextPageData: any[] = [];
      if (res.hasNextPage && typeof res?.nextCursor === 'string') {
          nextPageData = await getObjectsByType(address, type, res.nextCursor); // You should also pass the type along with the nextCursor
      }
      
      return objectsArray.concat(nextPageData);
    });
 
  };

  return {
    getObjectsByType,
  };

};