Fix useUnclaimedNFTs hook return type (#2140)

thirdweb-dev · Jan 10, 2024 · 30f16ca · 30f16ca
1 parent ece19ef
commit 30f16ca
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/.changeset/ten-jokes-tickle.md b/.changeset/ten-jokes-tickle.md
@@ -0,0 +1,7 @@
+---
+"@thirdweb-dev/react-core": patch
+---
+
+Fix return type of `useUnclaimedNFTs` hook.
+
+This fixes https://github.com/thirdweb-dev/js/issues/2110
diff --git a/packages/react-core/src/evm/hooks/async/drop.ts b/packages/react-core/src/evm/hooks/async/drop.ts
@@ -24,7 +24,7 @@ import {
   UseQueryResult,
 } from "@tanstack/react-query";
 import type {
-  NFT,
+  NFTMetadata,
   NFTMetadataInput,
   QueryAllParams,
   UploadProgressEvent,
@@ -87,7 +87,7 @@ import invariant from "tiny-invariant";
 export function useUnclaimedNFTs(
   contract: RequiredParam<NFTDrop>,
   queryParams?: QueryAllParams,
-): UseQueryResult<NFT[]> {
+): UseQueryResult<NFTMetadata[]> {
   const contractAddress = contract?.getAddress();
   return useQueryWithNetwork(
     cacheKeys.contract.nft.drop.getAllUnclaimed(contractAddress, queryParams),
@@ -98,7 +98,9 @@ export function useUnclaimedNFTs(
         contract.getAllUnclaimed,
         "Contract instance does not support getAllUnclaimed",
       );
-      return contract.getAllUnclaimed(queryParams);
+      const data: Promise<NFTMetadata[]> =
+        contract.getAllUnclaimed(queryParams);
+      return data;
     },
     { enabled: !!contract },
   );