diff --git a/packages/web/src/components/artist-recommendations/ArtistRecommendations.tsx b/packages/web/src/components/artist-recommendations/ArtistRecommendations.tsx
index 3f229935961..7977a5eb24e 100644
--- a/packages/web/src/components/artist-recommendations/ArtistRecommendations.tsx
+++ b/packages/web/src/components/artist-recommendations/ArtistRecommendations.tsx
@@ -141,7 +141,7 @@ export const ArtistRecommendations = forwardRef<
 
   const [idsToFollow, setIdsToFollow] = useState<ID[] | null>(null)
   const artistsToFollow = useSelector<CommonState, User[]>((state) =>
-    Object.values(getUsers(state, { ids: idsToFollow }))
+    Object.values(getUsers(state, { ids: idsToFollow ?? [] }))
   )
 
   // Start fetching the related artists
@@ -236,7 +236,7 @@ export const ArtistRecommendations = forwardRef<
                 closeParent={onClose}
               />
             ))
-            .reduce((prev, curr) => [prev, ', ', curr])}
+            .reduce((prev, curr) => [prev, ', ', curr], '')}
           {artistsToFollow.length > 3
             ? `, and ${artistsToFollow.length - 3} others.`
             : ''}