fix: cache not resetting when pagination was reset

src/components/databrowser/hooks/use-keys.tsx

@@ -1,4 +1,11 @@
-import { createContext, useCallback, useContext, useMemo, type PropsWithChildren } from "react"
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useRef,
+  type PropsWithChildren,
+} from "react"
 import { useDatabrowserStore } from "@/store"
 import { useInfiniteQuery, type UseInfiniteQueryResult } from "@tanstack/react-query"
 
@@ -27,12 +34,17 @@ export const KeysProvider = ({ children }: PropsWithChildren) => {
   )
 
   const { fetchKeys, resetCache } = useFetchKeys(search)
+  const pageRef = useRef(0)
 
   const query = useInfiniteQuery({
     queryKey: [FETCH_KEYS_QUERY_KEY, search],
 
     initialPageParam: 0,
-    queryFn: async () => {
+    queryFn: async ({ pageParam: page }) => {
+      // We should reset the cache when the pagination is reset
+      if (pageRef.current > page) resetCache()
+      pageRef.current = page
+
       return await fetchKeys()
     },
     select: (data) => data,