Fix T22 Metadata Loadinng (#366)

Closes #328
solana-labs · Aug 29, 2024 · e54adfb · e54adfb
1 parent 7a9c150
commit e54adfb
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/app/address/[address]/layout.tsx b/app/address/[address]/layout.tsx
@@ -364,10 +364,10 @@ function Token22MintHeader({
 }) {
     const tokenMetadata = create(metadataExtension.state, TokenMetadata);
     const { metadataAddress } = create(metadataPointerExtension.state, MetadataPointer);
-    const metadata = useMetadataJsonLink(tokenMetadata.uri);
+    const metadata = useMetadataJsonLink(tokenMetadata.uri, { suspense: true });
 
     if (!metadata) {
-        throw new Error('Could not load metadata from given URI');
+        throw new Error(`Could not load metadata from given URI: ${tokenMetadata.uri}`);
     }
 
     // Handles the basic case where MetadataPointer is referencing the Token Metadata extension directly

diff --git a/app/providers/compressed-nft.tsx b/app/providers/compressed-nft.tsx
@@ -1,9 +1,13 @@
 import useSWRImmutable from 'swr/immutable';
 
-export function useMetadataJsonLink(url: string) {
-    const { data, error } = useSWRImmutable(url, async (url: string) => {
-        return fetch(url).then(response => response.json());
-    });
+export function useMetadataJsonLink(url: string, options?: { suspense?: boolean }) {
+    const { data, error } = useSWRImmutable(
+        url,
+        async (url: string) => {
+            return fetch(url).then(response => response.json());
+        },
+        { suspense: options?.suspense }
+    );
     return error ? null : data;
 }