fix build

app/analytics/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect, Suspense } from 'react';
 import { format, subDays } from 'date-fns';
 import { DateRangePicker } from '@/app/components/ui/DateRangePicker';
 import TimeSeriesChart from '@/app/components/charts/TimeSeriesChart';
@@ -11,9 +11,8 @@ import { EventsSummary, TimeSeriesData, GeoData, DeviceAnalytics as DeviceAnalyt
 import { TeamSelector } from '@/app/components/ui/TeamSelector';
 import { ProjectSelector } from '@/app/components/ui/ProjectSelector';
 import { TagSelector } from '@/app/components/ui/TagSelector';
-import { useSearchParams } from 'next/navigation';
+import { useSearchParams, useRouter } from 'next/navigation';
 import { useShortUrlStore } from '@/app/utils/store';
-import { useRouter } from 'next/navigation';
 
 // 事件类型定义
 interface Event {
@@ -116,7 +115,8 @@ const extractEventInfo = (event: Event) => {
   };
 };
 
-export default function AnalyticsPage() {
+// Analytics Content Component that uses URL parameters
+function AnalyticsContent() {
   // 从 URL 获取查询参数
   const searchParams = useSearchParams();
   const router = useRouter();
@@ -834,6 +834,7 @@ export default function AnalyticsPage() {
             teamIds={selectedTeamIds}
             projectIds={selectedProjectIds}
             tagIds={selectedTagNames}
+            linkId={selectedShortUrl?.externalId}
           />
         </div>
 
@@ -1190,4 +1191,17 @@ export default function AnalyticsPage() {
       </>
     </div>
   );
+}
+
+// Main page component with Suspense
+export default function AnalyticsPage() {
+  return (
+    <Suspense fallback={
+      <div className="flex items-center justify-center min-h-screen">
+        <div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-blue-500" />
+      </div>
+    }>
+      <AnalyticsContent />
+    </Suspense>
+  );
 }