diff --git a/src/renderer/features/albums/components/album-list-grid-view.tsx b/src/renderer/features/albums/components/album-list-grid-view.tsx
index 824effbf..03cec70c 100644
--- a/src/renderer/features/albums/components/album-list-grid-view.tsx
+++ b/src/renderer/features/albums/components/album-list-grid-view.tsx
@@ -1,7 +1,7 @@
 import { QueryKey, useQueryClient } from '@tanstack/react-query';
 import { useCallback, useMemo } from 'react';
 import { useSearchParams } from 'react-router-dom';
-import AutoSizer from 'react-virtualized-auto-sizer';
+import AutoSizer, { Size } from 'react-virtualized-auto-sizer';
 import { ListOnScrollProps } from 'react-window';
 import { controller } from '/@/renderer/api/controller';
 import { queryKeys } from '/@/renderer/api/query-keys';
@@ -211,7 +211,7 @@ export const AlbumListGridView = ({ gridRef, itemCount }: any) => {
     return (
         <VirtualGridAutoSizerContainer>
             <AutoSizer>
-                {({ height, width }) => (
+                {({ height, width }: Size) => (
                     <VirtualInfiniteGrid
                         key={`album-list-${server?.id}-${display}`}
                         ref={gridRef}
diff --git a/src/renderer/features/artists/components/album-artist-list-grid-view.tsx b/src/renderer/features/artists/components/album-artist-list-grid-view.tsx
index 0f0174db..174ccb00 100644
--- a/src/renderer/features/artists/components/album-artist-list-grid-view.tsx
+++ b/src/renderer/features/artists/components/album-artist-list-grid-view.tsx
@@ -1,6 +1,6 @@
 import { QueryKey, useQueryClient } from '@tanstack/react-query';
 import { MutableRefObject, useCallback, useMemo } from 'react';
-import AutoSizer from 'react-virtualized-auto-sizer';
+import AutoSizer, { Size } from 'react-virtualized-auto-sizer';
 import { ListOnScrollProps } from 'react-window';
 import { VirtualGridAutoSizerContainer } from '../../../components/virtual-grid/virtual-grid-wrapper';
 import { useListStoreByKey } from '../../../store/list.store';
@@ -147,7 +147,7 @@ export const AlbumArtistListGridView = ({ itemCount, gridRef }: AlbumArtistListG
     return (
         <VirtualGridAutoSizerContainer>
             <AutoSizer>
-                {({ height, width }) => (
+                {({ height, width }: Size) => (
                     <VirtualInfiniteGrid
                         ref={gridRef}
                         cardRows={cardRows}
diff --git a/src/renderer/features/playlists/components/playlist-list-grid-view.tsx b/src/renderer/features/playlists/components/playlist-list-grid-view.tsx
index 5c612f17..5cb75f75 100644
--- a/src/renderer/features/playlists/components/playlist-list-grid-view.tsx
+++ b/src/renderer/features/playlists/components/playlist-list-grid-view.tsx
@@ -1,6 +1,6 @@
 import { useQueryClient } from '@tanstack/react-query';
 import { MutableRefObject, useCallback, useMemo } from 'react';
-import AutoSizer from 'react-virtualized-auto-sizer';
+import AutoSizer, { Size } from 'react-virtualized-auto-sizer';
 import { ListOnScrollProps } from 'react-window';
 import { useListContext } from '../../../context/list-context';
 import { useListStoreActions } from '../../../store/list.store';
@@ -129,7 +129,7 @@ export const PlaylistListGridView = ({ gridRef, itemCount }: PlaylistListGridVie
     return (
         <VirtualGridAutoSizerContainer>
             <AutoSizer>
-                {({ height, width }) => (
+                {({ height, width }: Size) => (
                     <VirtualInfiniteGrid
                         key={`playlist-list-${server?.id}`}
                         ref={gridRef}