fix: Add null checks to prevent 'Cannot read properties of null' errors

app/sites/[id]/page.tsx

@@ -50,12 +50,12 @@ export default function SiteDashboardPage() {
         getCountries(siteId, dateRange.start, dateRange.end, 10),
       ])
       setSite(siteData)
-      setStats(statsData)
-      setRealtime(realtimeData.visitors)
-      setDailyStats(dailyData)
-      setTopPages(pagesData)
-      setTopReferrers(referrersData)
-      setCountries(countriesData)
+      setStats(statsData || { pageviews: 0, visitors: 0 })
+      setRealtime(realtimeData?.visitors || 0)
+      setDailyStats(Array.isArray(dailyData) ? dailyData : [])
+      setTopPages(Array.isArray(pagesData) ? pagesData : [])
+      setTopReferrers(Array.isArray(referrersData) ? referrersData : [])
+      setCountries(Array.isArray(countriesData) ? countriesData : [])
     } catch (error: any) {
       toast.error('Failed to load data: ' + (error.message || 'Unknown error'))
     } finally {

components/dashboard/Countries.tsx

@@ -7,7 +7,7 @@ interface CountriesProps {
 }
 
 export default function Countries({ countries }: CountriesProps) {
-  if (countries.length === 0) {
+  if (!countries || countries.length === 0) {
     return (
       <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-xl p-6">
         <h3 className="text-lg font-semibold mb-4 text-neutral-900 dark:text-white">

components/dashboard/TopPages.tsx

@@ -7,7 +7,7 @@ interface TopPagesProps {
 }
 
 export default function TopPages({ pages }: TopPagesProps) {
-  if (pages.length === 0) {
+  if (!pages || pages.length === 0) {
     return (
       <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-xl p-6">
         <h3 className="text-lg font-semibold mb-4 text-neutral-900 dark:text-white">

components/dashboard/TopReferrers.tsx

@@ -7,7 +7,7 @@ interface TopReferrersProps {
 }
 
 export default function TopReferrers({ referrers }: TopReferrersProps) {
-  if (referrers.length === 0) {
+  if (!referrers || referrers.length === 0) {
     return (
       <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-xl p-6">
         <h3 className="text-lg font-semibold mb-4 text-neutral-900 dark:text-white">

components/sites/SiteList.tsx

@@ -19,9 +19,10 @@ export default function SiteList() {
     try {
       setLoading(true)
       const data = await listSites()
-      setSites(data)
+      setSites(Array.isArray(data) ? data : [])
     } catch (error: any) {
       toast.error('Failed to load sites: ' + (error.message || 'Unknown error'))
+      setSites([]) // Ensure sites is always an array
     } finally {
       setLoading(false)
     }

lib/api/sites.ts

@@ -20,7 +20,7 @@ export interface UpdateSiteRequest {
 
 export async function listSites(): Promise<Site[]> {
   const response = await apiRequest<{ sites: Site[] }>('/sites')
-  return response.sites
+  return response?.sites || []
 }
 
 export async function getSite(id: string): Promise<Site> {