diff --git a/docs/next-js/components/loading/MetaNetCDFAccordion.tsx b/docs/next-js/components/loading/MetaNetCDFAccordion.tsx
index 7fe109f..25482c0 100644
--- a/docs/next-js/components/loading/MetaNetCDFAccordion.tsx
+++ b/docs/next-js/components/loading/MetaNetCDFAccordion.tsx
@@ -21,8 +21,10 @@ function ObjectViewer({ data }: { data: Record<string, unknown> }) {
           <span className="font-medium">{key}</span>
           <span className="text-muted-foreground break-all">
             {typeof value === 'object'
-              ? JSON.stringify(value, null, 2)
-              : String(value)}
+              ? JSON.stringify(value, (_key, val) =>
+                typeof val === 'bigint' ? parseInt(val.toString()) : val)
+              : String(value)
+            }
           </span>
         </div>
       ))}
diff --git a/docs/next-js/components/loading/MetaNetCDFButtons.tsx b/docs/next-js/components/loading/MetaNetCDFButtons.tsx
index 6a459bd..7443ee5 100644
--- a/docs/next-js/components/loading/MetaNetCDFButtons.tsx
+++ b/docs/next-js/components/loading/MetaNetCDFButtons.tsx
@@ -26,8 +26,10 @@ function ObjectViewer({ data }: { data: Record<string, unknown> }) {
           <span className="font-medium">{key}</span>
           <span className="text-muted-foreground break-all">
             {typeof value === 'object'
-              ? JSON.stringify(value, null, 2)
-              : String(value)}
+              ? JSON.stringify(value, (_key, val) =>
+                typeof val === 'bigint' ? parseInt(val.toString()) : val)
+              : String(value)
+            }
           </span>
         </div>
       ))}