@tanstack/query-core 5.0.0-beta.15 → 5.0.0-beta.20

package/src/tests/queryClient.test.tsx

@@ -584,7 +584,7 @@ describe('queryClient', () => {
           StrictData,
           StrictQueryKey,
           number
-        >({ queryKey: key, queryFn: fetchFn, defaultPageParam: 0 }),
+        >({ queryKey: key, queryFn: fetchFn, initialPageParam: 0 }),
       ).resolves.toEqual(data)
     })
 
@@ -592,7 +592,7 @@ describe('queryClient', () => {
       const key = queryKey()
       const result = await queryClient.fetchInfiniteQuery({
         queryKey: key,
-        defaultPageParam: 10,
+        initialPageParam: 10,
         queryFn: ({ pageParam }) => Number(pageParam),
       })
       const result2 = queryClient.getQueryData(key)
@@ -622,7 +622,7 @@ describe('queryClient', () => {
         StrictData,
         StrictQueryKey,
         number
-      >({ queryKey: key, queryFn: fetchFn, defaultPageParam: 0 })
+      >({ queryKey: key, queryFn: fetchFn, initialPageParam: 0 })
 
       const result = queryClient.getQueryData(key)
 
@@ -638,7 +638,7 @@ describe('queryClient', () => {
       await queryClient.prefetchInfiniteQuery({
         queryKey: key,
         queryFn: ({ pageParam }) => Number(pageParam),
-        defaultPageParam: 10,
+        initialPageParam: 10,
       })
 
       const result = queryClient.getQueryData(key)
@@ -657,7 +657,7 @@ describe('queryClient', () => {
         queryFn: ({ pageParam }) => String(pageParam),
         getNextPageParam: (_lastPage, _pages, lastPageParam) =>
           lastPageParam + 5,
-        defaultPageParam: 10,
+        initialPageParam: 10,
         pages: 3,
       })
 
@@ -677,7 +677,7 @@ describe('queryClient', () => {
         queryFn: ({ pageParam }) => String(pageParam),
         getNextPageParam: (_lastPage, _pages, lastPageParam) =>
           lastPageParam >= 20 ? undefined : lastPageParam + 5,
-        defaultPageParam: 10,
+        initialPageParam: 10,
         pages: 5,
       })
 
@@ -851,7 +851,7 @@ describe('queryClient', () => {
   describe('refetchQueries', () => {
     test('should not refetch if all observers are disabled', async () => {
       const key = queryKey()
-      const queryFn = vi.fn<unknown[], string>().mockReturnValue('data')
+      const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
       await queryClient.fetchQuery({ queryKey: key, queryFn })
       const observer1 = new QueryObserver(queryClient, {
         queryKey: key,
@@ -865,7 +865,7 @@ describe('queryClient', () => {
     })
     test('should refetch if at least one observer is enabled', async () => {
       const key = queryKey()
-      const queryFn = vi.fn<unknown[], string>().mockReturnValue('data')
+      const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
       await queryClient.fetchQuery({ queryKey: key, queryFn })
       const observer1 = new QueryObserver(queryClient, {
         queryKey: key,
@@ -887,8 +887,8 @@ describe('queryClient', () => {
     test('should refetch all queries when no arguments are given', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer1 = new QueryObserver(queryClient, {
@@ -913,8 +913,8 @@ describe('queryClient', () => {
     test('should be able to refetch all fresh queries', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -932,8 +932,8 @@ describe('queryClient', () => {
     test('should be able to refetch all stale queries', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -952,8 +952,8 @@ describe('queryClient', () => {
     test('should be able to refetch all stale and active queries', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       queryClient.invalidateQueries({ queryKey: key1 })
@@ -974,8 +974,8 @@ describe('queryClient', () => {
     test('should be able to refetch all active and inactive queries', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -993,8 +993,8 @@ describe('queryClient', () => {
     test('should be able to refetch all active and inactive queries', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -1012,8 +1012,8 @@ describe('queryClient', () => {
     test('should be able to refetch only active queries', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -1031,8 +1031,8 @@ describe('queryClient', () => {
     test('should be able to refetch only inactive queries', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -1071,7 +1071,7 @@ describe('queryClient', () => {
 
     test('should resolve Promise immediately if query is paused', async () => {
       const key1 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       const onlineMock = mockOnlineManagerIsOnline(false)
 
@@ -1085,7 +1085,7 @@ describe('queryClient', () => {
     test('should refetch if query we are offline but query networkMode is always', async () => {
       const key1 = queryKey()
       queryClient.setQueryDefaults(key1, { networkMode: 'always' })
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       const onlineMock = mockOnlineManagerIsOnline(false)
 
@@ -1101,8 +1101,8 @@ describe('queryClient', () => {
     test('should refetch active queries by default', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -1120,8 +1120,8 @@ describe('queryClient', () => {
     test('should not refetch inactive queries by default', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -1139,8 +1139,8 @@ describe('queryClient', () => {
     test('should not refetch active queries when "refetch" is "none"', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -1161,8 +1161,8 @@ describe('queryClient', () => {
     test('should refetch inactive queries when "refetch" is "inactive"', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -1185,8 +1185,8 @@ describe('queryClient', () => {
     test('should refetch active and inactive queries when "refetch" is "all"', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       await queryClient.fetchQuery({ queryKey: key1, queryFn: queryFn1 })
       await queryClient.fetchQuery({ queryKey: key2, queryFn: queryFn2 })
       const observer = new QueryObserver(queryClient, {
@@ -1307,8 +1307,8 @@ describe('queryClient', () => {
     test('should refetch all active queries', async () => {
       const key1 = queryKey()
       const key2 = queryKey()
-      const queryFn1 = vi.fn<unknown[], string>().mockReturnValue('data1')
-      const queryFn2 = vi.fn<unknown[], string>().mockReturnValue('data2')
+      const queryFn1 = vi.fn<Array<unknown>, string>().mockReturnValue('data1')
+      const queryFn2 = vi.fn<Array<unknown>, string>().mockReturnValue('data2')
       const observer1 = new QueryObserver(queryClient, {
         queryKey: key1,
         queryFn: queryFn1,

package/src/tests/queryObserver.test.tsx

@@ -17,7 +17,7 @@ describe('queryObserver', () => {
 
   test('should trigger a fetch when subscribed', async () => {
     const key = queryKey()
-    const queryFn = vi.fn<unknown[], string>().mockReturnValue('data')
+    const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
     const observer = new QueryObserver(queryClient, { queryKey: key, queryFn })
     const unsubscribe = observer.subscribe(() => undefined)
     await sleep(1)
@@ -28,7 +28,7 @@ describe('queryObserver', () => {
   test('should notify when switching query', async () => {
     const key1 = queryKey()
     const key2 = queryKey()
-    const results: QueryObserverResult[] = []
+    const results: Array<QueryObserverResult> = []
     const observer = new QueryObserver(queryClient, {
       queryKey: key1,
       queryFn: () => 1,
@@ -113,7 +113,7 @@ describe('queryObserver', () => {
   test('should run the selector again if the selector changed', async () => {
     const key = queryKey()
     let count = 0
-    const results: QueryObserverResult[] = []
+    const results: Array<QueryObserverResult> = []
     const queryFn = () => ({ count: 1 })
     const select1 = (data: ReturnType<typeof queryFn>) => {
       count++
@@ -172,7 +172,7 @@ describe('queryObserver', () => {
   test('should not run the selector again if the data and selector did not change', async () => {
     const key = queryKey()
     let count = 0
-    const results: QueryObserverResult[] = []
+    const results: Array<QueryObserverResult> = []
     const queryFn = () => ({ count: 1 })
     const select = (data: ReturnType<typeof queryFn>) => {
       count++
@@ -239,7 +239,7 @@ describe('queryObserver', () => {
 
   test('should always run the selector again if selector throws an error and selector is not referentially stable', async () => {
     const key = queryKey()
-    const results: QueryObserverResult[] = []
+    const results: Array<QueryObserverResult> = []
     const queryFn = async () => {
       await sleep(10)
       return { count: 1 }
@@ -281,7 +281,7 @@ describe('queryObserver', () => {
 
   test('should return stale data if selector throws an error', async () => {
     const key = queryKey()
-    const results: QueryObserverResult[] = []
+    const results: Array<QueryObserverResult> = []
     let shouldError = false
     const error = new Error('select error')
     const observer = new QueryObserver(queryClient, {
@@ -349,7 +349,7 @@ describe('queryObserver', () => {
 
   test('should not trigger a fetch when subscribed and disabled', async () => {
     const key = queryKey()
-    const queryFn = vi.fn<unknown[], string>().mockReturnValue('data')
+    const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
     const observer = new QueryObserver(queryClient, {
       queryKey: key,
       queryFn,
@@ -363,7 +363,7 @@ describe('queryObserver', () => {
 
   test('should not trigger a fetch when not subscribed', async () => {
     const key = queryKey()
-    const queryFn = vi.fn<unknown[], string>().mockReturnValue('data')
+    const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
     new QueryObserver(queryClient, { queryKey: key, queryFn })
     await sleep(1)
     expect(queryFn).toHaveBeenCalledTimes(0)
@@ -371,7 +371,7 @@ describe('queryObserver', () => {
 
   test('should be able to watch a query without defining a query function', async () => {
     const key = queryKey()
-    const queryFn = vi.fn<unknown[], string>().mockReturnValue('data')
+    const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
     const callback = vi.fn()
     const observer = new QueryObserver(queryClient, {
       queryKey: key,
@@ -386,12 +386,12 @@ describe('queryObserver', () => {
 
   test('should accept unresolved query config in update function', async () => {
     const key = queryKey()
-    const queryFn = vi.fn<unknown[], string>().mockReturnValue('data')
+    const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
     const observer = new QueryObserver(queryClient, {
       queryKey: key,
       enabled: false,
     })
-    const results: QueryObserverResult<unknown>[] = []
+    const results: Array<QueryObserverResult<unknown>> = []
     const unsubscribe = observer.subscribe((x) => {
       results.push(x)
     })
@@ -408,13 +408,13 @@ describe('queryObserver', () => {
 
   test('should be able to handle multiple subscribers', async () => {
     const key = queryKey()
-    const queryFn = vi.fn<unknown[], string>().mockReturnValue('data')
+    const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
     const observer = new QueryObserver<string>(queryClient, {
       queryKey: key,
       enabled: false,
     })
-    const results1: QueryObserverResult<string>[] = []
-    const results2: QueryObserverResult<string>[] = []
+    const results1: Array<QueryObserverResult<string>> = []
+    const results2: Array<QueryObserverResult<string>> = []
     const unsubscribe1 = observer.subscribe((x) => {
       results1.push(x)
     })
@@ -490,7 +490,7 @@ describe('queryObserver', () => {
       data: 'placeholder',
     })
 
-    const results: QueryObserverResult<unknown>[] = []
+    const results: Array<QueryObserverResult<unknown>> = []
 
     const unsubscribe = observer.subscribe((x) => {
       results.push(x)
@@ -568,7 +568,7 @@ describe('queryObserver', () => {
 
   test('should not refetch in background if refetchIntervalInBackground is false', async () => {
     const key = queryKey()
-    const queryFn = vi.fn<unknown[], string>().mockReturnValue('data')
+    const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
 
     focusManager.setFocused(false)
     const observer = new QueryObserver(queryClient, {
@@ -692,8 +692,8 @@ describe('queryObserver', () => {
   })
 
   test('should pass the correct previous queryKey (from prevQuery) to placeholderData function params with select', async () => {
-    const results: QueryObserverResult[] = []
-    const keys: Array<readonly unknown[] | null> = []
+    const results: Array<QueryObserverResult> = []
+    const keys: Array<ReadonlyArray<unknown> | null> = []
 
     const key1 = queryKey()
     const key2 = queryKey()
@@ -758,7 +758,7 @@ describe('queryObserver', () => {
   })
 
   test('should pass the correct previous data to placeholderData function params when select function is used in conjunction', async () => {
-    const results: QueryObserverResult[] = []
+    const results: Array<QueryObserverResult> = []
 
     const key1 = queryKey()
     const key2 = queryKey()

package/src/tests/utils.test.tsx

@@ -173,8 +173,8 @@ describe('core/utils', () => {
     })
 
     it('should return the previous value when the next value is an equal empty array', () => {
-      const prev: any[] = []
-      const next: any[] = []
+      const prev: Array<any> = []
+      const next: Array<any> = []
       expect(replaceEqualDeep(prev, next)).toBe(prev)
     })
 

package/src/types.ts

@@ -19,7 +19,7 @@ export type DefaultError = Register extends {
   ? TError
   : Error
 
-export type QueryKey = readonly unknown[]
+export type QueryKey = ReadonlyArray<unknown>
 
 export type QueryFunction<
   T = unknown,
@@ -68,21 +68,21 @@ export type QueryKeyHashFunction<TQueryKey extends QueryKey> = (
 
 export type GetPreviousPageParamFunction<TPageParam, TQueryFnData = unknown> = (
   firstPage: TQueryFnData,
-  allPages: TQueryFnData[],
+  allPages: Array<TQueryFnData>,
   firstPageParam: TPageParam,
-  allPageParams: TPageParam[],
+  allPageParams: Array<TPageParam>,
 ) => TPageParam | undefined | null
 
 export type GetNextPageParamFunction<TPageParam, TQueryFnData = unknown> = (
   lastPage: TQueryFnData,
-  allPages: TQueryFnData[],
+  allPages: Array<TQueryFnData>,
   lastPageParam: TPageParam,
-  allPageParams: TPageParam[],
+  allPageParams: Array<TPageParam>,
 ) => TPageParam | undefined | null
 
 export interface InfiniteData<TData, TPageParam = unknown> {
-  pages: TData[]
-  pageParams: TPageParam[]
+  pages: Array<TData>
+  pageParams: Array<TPageParam>
 }
 
 export type QueryMeta = Register extends {
@@ -144,14 +144,14 @@ export interface QueryOptions<
   maxPages?: number
 }
 
-export interface DefaultPageParam<TPageParam = unknown> {
-  defaultPageParam: TPageParam
+export interface InitialPageParam<TPageParam = unknown> {
+  initialPageParam: TPageParam
 }
 
 export interface InfiniteQueryPageParamsOptions<
   TQueryFnData = unknown,
   TPageParam = unknown,
-> extends DefaultPageParam<TPageParam> {
+> extends InitialPageParam<TPageParam> {
   /**
    * This function can be set to automatically get the previous cursor for infinite queries.
    * The result will also be used to determine the value of `hasPreviousPage`.
@@ -384,7 +384,7 @@ export type FetchInfiniteQueryOptions<
   TQueryKey,
   TPageParam
 > &
-  DefaultPageParam<TPageParam> &
+  InitialPageParam<TPageParam> &
   FetchInfiniteQueryPages<TQueryFnData, TPageParam>
 
 export interface ResultOptions {
@@ -606,7 +606,7 @@ export type InfiniteQueryObserverResult<
   | InfiniteQueryObserverLoadingResult<TData, TError>
   | DefinedInfiniteQueryObserverResult<TData, TError>
 
-export type MutationKey = readonly unknown[]
+export type MutationKey = ReadonlyArray<unknown>
 
 export type MutationStatus = 'idle' | 'pending' | 'success' | 'error'
 

package/src/utils.ts

@@ -334,12 +334,12 @@ export function keepPreviousData<T>(
   return previousData
 }
 
-export function addToEnd<T>(items: T[], item: T, max = 0): T[] {
+export function addToEnd<T>(items: Array<T>, item: T, max = 0): Array<T> {
   const newItems = [...items, item]
   return max && newItems.length > max ? newItems.slice(1) : newItems
 }
 
-export function addToStart<T>(items: T[], item: T, max = 0): T[] {
+export function addToStart<T>(items: Array<T>, item: T, max = 0): Array<T> {
   const newItems = [item, ...items]
   return max && newItems.length > max ? newItems.slice(0, -1) : newItems
 }