Minor fixes

spotizerr-ui/src/router.tsx

@@ -1,7 +1,8 @@
 import { createRouter, createRootRoute, createRoute, lazyRouteComponent } from "@tanstack/react-router";
 import Root from "./routes/root";
 import apiClient from "./lib/api-client";
-import type { SearchResult } from "./types/spotify";
+import type { SearchResult, SearchApiResponse } from "./types/spotify";
+import { isValidSearchResult } from "./types/spotify";
 
 // Lazy load route components for code splitting
 const Album = lazyRouteComponent(() => import("./routes/album").then(m => ({ default: m.Album })));
@@ -42,12 +43,17 @@ export const indexRoute = createRoute({
       return { items: [{ ...response.data, model: urlType as "track" | "album" | "artist" | "playlist" }] };
     }
 
-    const response = await apiClient.get<{ items: SearchResult[] }>(`/search?q=${q}&search_type=${type}&limit=50`);
-    const augmentedResults = response.data.items.map((item) => ({
-      ...item,
-      model: type,
-    }));
-    return { items: augmentedResults };
+    const response = await apiClient.get<SearchApiResponse>(`/search?q=${q}&search_type=${type}&limit=50`);
+    
+    // Filter out null values and add the model property
+    const validResults = response.data.items
+      .filter(isValidSearchResult)
+      .map((item) => ({
+        ...item,
+        model: type,
+      }));
+    
+    return { items: validResults };
   },
   gcTime: 5 * 60 * 1000, // 5 minutes
   staleTime: 5 * 60 * 1000, // 5 minutes