From 7d5b03dd98baa4115ea9afcce153d7b420329543 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mert=20Do=C4=9Fruca?=
 <44726724+meroo36@users.noreply.github.com>
Date: Wed, 10 Jul 2024 23:43:02 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=97=A8=EF=B8=8F=20fix:=20Reset=20prompt?=
 =?UTF-8?q?=20groups=20query=20when=20changing=20filters=20(#3294)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/hooks/Prompts/usePromptGroupsNav.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/client/src/hooks/Prompts/usePromptGroupsNav.ts b/client/src/hooks/Prompts/usePromptGroupsNav.ts
index 8c56b6938..84c24e07f 100644
--- a/client/src/hooks/Prompts/usePromptGroupsNav.ts
+++ b/client/src/hooks/Prompts/usePromptGroupsNav.ts
@@ -3,8 +3,11 @@ import { useMemo, useRef, useEffect, useCallback } from 'react';
 import { usePromptGroupsInfiniteQuery } from '~/data-provider';
 import debounce from 'lodash/debounce';
 import store from '~/store';
+import { useQueryClient } from '@tanstack/react-query';
+import { QueryKeys } from 'librechat-data-provider';
 
 export default function usePromptGroupsNav() {
+  const queryClient = useQueryClient();
   const category = useRecoilValue(store.promptsCategory);
   const [name, setName] = useRecoilState(store.promptsName);
   const [pageSize, setPageSize] = useRecoilState(store.promptsPageSize);
@@ -28,6 +31,7 @@ export default function usePromptGroupsNav() {
   useEffect(() => {
     maxPageNumberReached.current = 1;
     setPageNumber(1);
+    queryClient.resetQueries([QueryKeys.promptGroups, name, category, pageSize]);
   }, [pageSize, name, category, setPageNumber]);
 
   const promptGroups = useMemo(() => {