Conditional gcTime for textinput search filters?

We have a useInfiniteQuery() list that can be filtered by 4 params:

1) name (you put it on a text input and hit apply, otherwise if it's live search I guess you'd have to debounce),
2) type: "type1" or "type2"
3) status: "active" or "inactive"
4) isAvailable: true or false

As far as I understand, every single name search will be cached separately. Sure, there is garbage collector which will take care of the cache so it won't get polluted.

So should we set a smaller gcTime for queries containing name or is there a better way?

 const hasNameFilter = appliedFilters.name.trim().length > 0;                                                                                 
                                                                                                                                               
  useInfiniteQuery({                                                                                                                           
    queryKey: ['characters', appliedFilters],                                                                                                  
    getNextPageParam: (lastPage) => parseNextPage(lastPage?.info?.next),
    staleTime: CHARACTERS_STALE_TIME,
    gcTime: hasNameFilter ? 60_000 : 5 * 60_000,
  });

 const hasNameFilter = appliedFilters.name.trim().length > 0;                                                                                 
                                                                                                                                               
  useInfiniteQuery({                                                                                                                           
    queryKey: ['characters', appliedFilters],                                                                                                  
    getNextPageParam: (lastPage) => parseNextPage(lastPage?.info?.next),
    staleTime: CHARACTERS_STALE_TIME,
    gcTime: hasNameFilter ? 60_000 : 5 * 60_000,
  });

TanStack•4w ago•

3 replies

urgent-maroon

Conditional gcTime for textinput search filters?

 const hasNameFilter = appliedFilters.name.trim().length > 0;                                                                                 
                                                                                                                                               
  useInfiniteQuery({                                                                                                                           
    queryKey: ['characters', appliedFilters],                                                                                                  
    getNextPageParam: (lastPage) => parseNextPage(lastPage?.info?.next),
    staleTime: CHARACTERS_STALE_TIME,
    gcTime: hasNameFilter ? 60_000 : 5 * 60_000,
  });

 const hasNameFilter = appliedFilters.name.trim().length > 0;                                                                                 
                                                                                                                                               
  useInfiniteQuery({                                                                                                                           
    queryKey: ['characters', appliedFilters],                                                                                                  
    getNextPageParam: (lastPage) => parseNextPage(lastPage?.info?.next),
    staleTime: CHARACTERS_STALE_TIME,
    gcTime: hasNameFilter ? 60_000 : 5 * 60_000,
  });

Conditional gcTime for textinput search filters?

Similar Threads

Conditional gcTime for textinput search filters?

Similar Threads

Similar Threads

Similar Threads