Refactor: Conditionally pass search query to history hook based on search activity.

Author: thakurdotdev

client/src/Pages/Music/History.jsx

@@ -190,6 +190,7 @@ const HistoryPage = () => {
   const [currentPage, setCurrentPage] = useState(1)
   const [pageSize, setPageSize] = useState(28)
   const [showFilters, setShowFilters] = useState(false)
+  const isSearchActive = debouncedSearch && debouncedSearch.length >= 3
 
   useEffect(() => {
     const q = searchQuery.trim()
@@ -198,26 +199,21 @@ const HistoryPage = () => {
       if (q.length >= 3) {
         setDebouncedSearch(q)
       } else {
-        setDebouncedSearch("") // disable search
+        setDebouncedSearch("")
       }
       setCurrentPage(1)
     }, 500)
 
     return () => clearTimeout(timer)
   }, [searchQuery])
 
-  const { data, isLoading, isError, error, refetch } = useHistoryQuery(
-    {
-      page: currentPage,
-      limit: pageSize,
-      sortBy,
-      sortOrder,
-      searchQuery: debouncedSearch,
-    },
-    {
-      enabled: debouncedSearch.length >= 3,
-    },
-  )
+  const { data, isLoading, isError, error, refetch } = useHistoryQuery({
+    page: currentPage,
+    limit: pageSize,
+    sortBy,
+    sortOrder,
+    searchQuery: isSearchActive ? debouncedSearch : null,
+  })
 
   const songs = data?.songs ?? []
   const totalCount = data?.count ?? 0