From 9f60769b65920f51ab5847f51d9b70ec5ccd5937 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 29 Jul 2023 10:56:19 -0700
Subject: [PATCH] Fix missing autosizer types

---
 .../features/albums/components/album-list-grid-view.tsx       | 4 ++--
 .../artists/components/album-artist-list-grid-view.tsx        | 4 ++--
 .../features/playlists/components/playlist-list-grid-view.tsx | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

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}