fix app template list filtering

web/app/components/explore/app-list/index.tsx

@@ -42,7 +42,9 @@ const Apps = ({
 
   const [currCategory, setCurrCategory] = useTabSearchParams({
     defaultTab: allCategoriesEn,
+    disableSearchParams: pageType !== PageType.EXPLORE,
   })
+
   const {
     data: { categories, allList },
   } = useSWR(

web/hooks/use-tab-searchparams.ts

@@ -1,9 +1,11 @@
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
+import { useState } from 'react'
 
 type UseTabSearchParamsOptions = {
   defaultTab: string
   routingBehavior?: 'push' | 'replace'
   searchParamName?: string
+  disableSearchParams?: boolean
 }
 
 /**
@@ -20,13 +22,20 @@ export const useTabSearchParams = ({
   defaultTab,
   routingBehavior = 'push',
   searchParamName = 'category',
+  disableSearchParams = false,
 }: UseTabSearchParamsOptions) => {
   const router = useRouter()
   const pathName = usePathname()
   const searchParams = useSearchParams()
-  const activeTab = searchParams.get(searchParamName) || defaultTab
+  const [activeTab, setTab] = useState<string>(
+    !disableSearchParams
+      ? (searchParams.get(searchParamName) || defaultTab)
+      : defaultTab,
+  )
 
   const setActiveTab = (newActiveTab: string) => {
+    if (disableSearchParams)
+      return setTab(newActiveTab)
     router[routingBehavior](`${pathName}?${searchParamName}=${newActiveTab}`)
   }