diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx index 8df477ed414..34b21349f7f 100644 --- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx +++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx @@ -2,7 +2,7 @@ import { ExternalLinkIcon } from "lucide-react"; import Link from "next/link"; -import { useState } from "react"; +import { Suspense, useState } from "react"; import type { NFT, ThirdwebClient, ThirdwebContract } from "thirdweb"; import { getNFT as getErc721NFT } from "thirdweb/extensions/erc721"; import { getNFT as getErc1155NFT } from "thirdweb/extensions/erc1155"; @@ -89,7 +89,7 @@ export const TokenIdPage: React.FC = ({ if (isPending) { return ( -
+
); @@ -179,15 +179,26 @@ export const TokenIdPage: React.FC = ({ )} - {tabs.map((tb) => { - return ( - tb.title === tab && ( -
- {tb.children} + +
+ +

Loading

- ) - ); - })} +
+ } + > + {tabs.map((tb) => { + return ( + tb.title === tab && ( +
+ {tb.children} +
+ ) + ); + })} +