add default cache/stale values

Author: medyo

src/features/cards/components/producthuntCard/ProducthuntCard.tsx

@@ -6,7 +6,16 @@ import { ProductHuntPlaceholder } from 'src/components/placeholders'
 import ArticleItem from './ArticleItem'
 
 export function ProductHuntCard({ meta, withAds }: CardPropsType) {
-  const { data: products = [], isLoading, error } = useGeProductHuntProducts()
+  const {
+    data: products = [],
+    isLoading,
+    error,
+  } = useGeProductHuntProducts({
+    config: {
+      staleTime: 900000, //15 minutes
+      cacheTime: 3600000, // 1 Day
+    },
+  })
 
   const renderItem = (item: Article, index: number) => (
     <ArticleItem item={item} key={`ph-${index}`} index={index} analyticsTag={meta.analyticsTag} />

src/lib/react-query.ts

@@ -7,6 +7,8 @@ const queryConfig: DefaultOptions = {
     useErrorBoundary: false,
     refetchOnWindowFocus: false,
     retry: false,
+    staleTime: 3600000, //1 Hour
+    cacheTime: 3600000, // 1 Day
   },
 };