All files / lib queryCacheEviction.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
 
2x
2x
 
 
7x
6x
 
5x
5x
 
 
 
7x
7x
7x
 
7x
5x
 
 
 
 
7x
 
 
import type { QueryClient } from '@tanstack/react-query'
 
const RETENTION_THRESHOLD_MS = 2 * 30 * 60 * 1000
const EVICTION_INTERVAL_MS = 5 * 60 * 1000
 
export function startCacheEviction(queryClient: QueryClient): () => void {
  const interval = setInterval(() => {
    if (!navigator.onLine) return
 
    const now = Date.now()
    queryClient
      .getQueryCache()
      .getAll()
      .forEach((query) => {
        const isInactive = query.getObserversCount() === 0
        const lastUpdated = query.state.dataUpdatedAt
        const age = now - lastUpdated
 
        if (isInactive && age > RETENTION_THRESHOLD_MS) {
          queryClient.removeQueries({ queryKey: query.queryKey, exact: true })
        }
      })
  }, EVICTION_INTERVAL_MS)
 
  return () => clearInterval(interval)
}