reset list when changing filter

app/hooks/list.ts

@@ -42,11 +42,15 @@ export const useFetchPaginatedList = <T>(
     })
   }, [fetchList, pageSize])
 
+  const reset = useCallback(() => {
+    setList([])
+    refresh()
+  }, [refresh])
+
   useActiveServerRefresh(
     useCallback(() => {
-      setList([])
+      reset()
-      refresh()
+    }, [reset]),
-    }, [refresh]),
   )
 
   const fetchNextPage = useCallback(() => {
@@ -65,5 +69,5 @@ export const useFetchPaginatedList = <T>(
     })
   }, [offset, pageSize, fetchList, list])
 
-  return { list, refreshing, refresh, fetchNextPage }
+  return { list, refreshing, refresh, reset, fetchNextPage }
 }

app/screens/LibraryAlbums.tsx

@@ -64,7 +64,7 @@ const filterOptions: OptionData[] = [
 
 const AlbumsList = () => {
   const fetchAlbums = useStore(selectMusic.fetchAlbums)
-  const { list, refreshing, refresh, fetchNextPage } = useFetchPaginatedList(fetchAlbums, 300)
+  const { list, refreshing, refresh, reset, fetchNextPage } = useFetchPaginatedList(fetchAlbums, 300)
   const filter = useStore(selectSettings.libraryAlbumFilter)
   const setFilter = useStore(selectSettings.setLibraryAlbumFilter)
 
@@ -74,8 +74,8 @@ const AlbumsList = () => {
   const height = size + 36
 
   useEffect(() => {
-    refresh()
+    reset()
-  }, [refresh, filter])
+  }, [reset, filter])
 
   return (
     <View style={styles.container}>