Deploy viewer for DynamicIntelligence/humanoid-robots-training-dataset

src/utils/apiHelpers.ts

@@ -1,10 +1,11 @@
 /**
  * Helper functions for API calls
  * Handles both server-side and client-side URL construction
+ * 
+ * IMPORTANT: We cannot import 'next/headers' at top level because it breaks client-side usage.
+ * We use dynamic import only when needed on server-side.
  */
 
-import { headers } from 'next/headers';
-
 /**
  * Get the base URL for API calls
  * For server-side, we need absolute URLs
@@ -14,7 +15,8 @@ export async function getApiBaseUrl(): Promise<string> {
   // Server-side: need absolute URL
   if (typeof window === 'undefined') {
     try {
-      // Use Next.js headers to get the host
+      // Dynamically import headers only when server-side (avoids client-side import error)
+      const { headers } = await import('next/headers');
       const headersList = await headers();
       const host = headersList.get('host');
       const protocol = headersList.get('x-forwarded-proto') || 'https';
@@ -23,7 +25,7 @@ export async function getApiBaseUrl(): Promise<string> {
         return `${protocol}://${host}`;
       }
     } catch (error) {
-      // headers() might not be available in all contexts
+      // headers() might not be available in all contexts (e.g., during build)
       // Fall through to environment variables
     }