diff --git a/src/renderer/features/albums/components/album-detail-content.tsx b/src/renderer/features/albums/components/album-detail-content.tsx
index 44b40738e..4a821355c 100644
--- a/src/renderer/features/albums/components/album-detail-content.tsx
+++ b/src/renderer/features/albums/components/album-detail-content.tsx
@@ -398,25 +398,21 @@ export const AlbumDetailContent = ({ background }: AlbumDetailContentProps) => {
{cq.height || cq.width ? (
- <>
+ }>
{carousels
.filter((c) => !c.isHidden)
.map((carousel) => (
- }
+
-
-
+ query={carousel.query}
+ rowCount={1}
+ sortBy={carousel.sortBy}
+ sortOrder={carousel.sortOrder}
+ title={carousel.title}
+ />
))}
- >
+
) : null}
diff --git a/src/renderer/features/albums/components/album-infinite-carousel.tsx b/src/renderer/features/albums/components/album-infinite-carousel.tsx
index 57716ba4f..c769b5193 100644
--- a/src/renderer/features/albums/components/album-infinite-carousel.tsx
+++ b/src/renderer/features/albums/components/album-infinite-carousel.tsx
@@ -27,7 +27,7 @@ interface AlbumCarouselProps {
title: React.ReactNode | string;
}
-export function AlbumInfiniteCarousel(props: AlbumCarouselProps) {
+const BaseAlbumInfiniteCarousel = (props: AlbumCarouselProps) => {
const { excludeIds, query: additionalQuery, rowCount = 1, sortBy, sortOrder, title } = props;
const rows = useGridRows(LibraryItem.ALBUM, ItemListKey.ALBUM);
const {
@@ -84,7 +84,11 @@ export function AlbumInfiniteCarousel(props: AlbumCarouselProps) {
title={title}
/>
);
-}
+};
+
+export const AlbumInfiniteCarousel = (props: AlbumCarouselProps) => {
+ return ;
+};
function useAlbumListInfinite(
sortBy: AlbumListSort,
diff --git a/src/renderer/features/artists/components/album-artist-infinite-carousel.tsx b/src/renderer/features/artists/components/album-artist-infinite-carousel.tsx
index 3a5208d36..fe926b1dd 100644
--- a/src/renderer/features/artists/components/album-artist-infinite-carousel.tsx
+++ b/src/renderer/features/artists/components/album-artist-infinite-carousel.tsx
@@ -27,7 +27,7 @@ interface AlbumArtistCarouselProps {
title: React.ReactNode | string;
}
-export function AlbumArtistInfiniteCarousel(props: AlbumArtistCarouselProps) {
+export const BaseAlbumArtistInfiniteCarousel = (props: AlbumArtistCarouselProps) => {
const { excludeIds, query: additionalQuery, rowCount = 1, sortBy, sortOrder, title } = props;
const rows = useGridRows(LibraryItem.ALBUM_ARTIST, ItemListKey.ALBUM_ARTIST);
const {
@@ -86,7 +86,11 @@ export function AlbumArtistInfiniteCarousel(props: AlbumArtistCarouselProps) {
title={title}
/>
);
-}
+};
+
+export const AlbumArtistInfiniteCarousel = (props: AlbumArtistCarouselProps) => {
+ return ;
+};
function useAlbumArtistListInfinite(
sortBy: AlbumArtistListSort,