diff --git a/app/(auth)/(tabs)/(home)/index.tsx b/app/(auth)/(tabs)/(home)/index.tsx index 6864c4d2..44459e8c 100644 --- a/app/(auth)/(tabs)/(home)/index.tsx +++ b/app/(auth)/(tabs)/(home)/index.tsx @@ -431,6 +431,7 @@ export default function index() { queryKey={section.queryKey} queryFn={section.queryFn} orientation={section.orientation} + hideIfEmpty /> ); } else if (section.type === "MediaListSection") { diff --git a/components/home/ScrollingCollectionList.tsx b/components/home/ScrollingCollectionList.tsx index 092059d6..ae41d984 100644 --- a/components/home/ScrollingCollectionList.tsx +++ b/components/home/ScrollingCollectionList.tsx @@ -28,7 +28,7 @@ export const ScrollingCollectionList: React.FC = ({ disabled = false, queryFn, queryKey, - hideIfEmpty = false, + hideIfEmpty = true, ...props }) => { const { data, isLoading } = useQuery({ @@ -42,8 +42,7 @@ export const ScrollingCollectionList: React.FC = ({ const { t } = useTranslation(); - // hideIfEmpty is deprecated, we always hide when there is no data - if (hideIfEmpty === true || data?.length === 0) return null; + if (hideIfEmpty === true && data?.length === 0) return null; if (disabled || !title) return null; return (