fix: update tanstack query signatures

open-telemetry · Jan 17, 2025 · d4023df · d4023df
1 parent 65a6cd2
commit d4023df
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 24 deletions.
diff --git a/src/frontend/pages/product/[productId]/index.tsx b/src/frontend/pages/product/[productId]/index.tsx
@@ -44,10 +44,9 @@ const ProductDetail: NextPage = () => {
       priceUsd = { units: 0, currencyCode: 'USD', nanos: 0 },
       categories,
     } = {} as Product,
-  } = useQuery(
-    ['product', productId, 'selectedCurrency', selectedCurrency],
-    () => ApiGateway.getProduct(productId, selectedCurrency),
-    {
+  } = useQuery({
+      queryKey: ['product', productId, 'selectedCurrency', selectedCurrency],
+      queryFn: () => ApiGateway.getProduct(productId, selectedCurrency),
       enabled: !!productId,
     }
   ) as { data: Product };

diff --git a/src/frontend/providers/Ad.provider.tsx b/src/frontend/providers/Ad.provider.tsx
@@ -27,26 +27,22 @@ export const useAd = () => useContext(Context);
 
 const AdProvider = ({ children, productIds, contextKeys }: IProps) => {
   const { selectedCurrency } = useCurrency();
-  const { data: adList = [] } = useQuery(
-    ['ads', contextKeys],
-    async () => {
+  const { data: adList = [] } = useQuery({
+    queryKey: ['ads', contextKeys],
+    queryFn: async () => {
       if (contextKeys.length === 0) {
         return [];
       } else {
         return ApiGateway.listAds(contextKeys);
       }
     },
-    {
-      refetchOnWindowFocus: false,
-    }
-  );
-  const { data: recommendedProductList = [] } = useQuery(
-    ['recommendations', productIds, 'selectedCurrency', selectedCurrency],
-    () => ApiGateway.listRecommendations(productIds, selectedCurrency),
-    {
-      refetchOnWindowFocus: false,
-    }
-  );
+    refetchOnWindowFocus: false,
+  });
+  const { data: recommendedProductList = [] } = useQuery({
+    queryKey: ['recommendations', productIds, 'selectedCurrency', selectedCurrency],
+    queryFn: () => ApiGateway.listRecommendations(productIds, selectedCurrency),
+    refetchOnWindowFocus: false,
+  });
 
   const value = useMemo(
     () => ({

diff --git a/src/frontend/providers/Cart.provider.tsx b/src/frontend/providers/Cart.provider.tsx
@@ -40,12 +40,24 @@ const CartProvider = ({ children }: IProps) => {
     [queryClient]
   );
 
-  const { data: cart = { userId: '', items: [] } } = useQuery(['cart', selectedCurrency], () =>
-    ApiGateway.getCart(selectedCurrency)
-  );
-  const addCartMutation = useMutation(ApiGateway.addCartItem, mutationOptions);
-  const emptyCartMutation = useMutation(ApiGateway.emptyCart, mutationOptions);
-  const placeOrderMutation = useMutation(ApiGateway.placeOrder, mutationOptions);
+  const { data: cart = { userId: '', items: [] } } = useQuery({
+    queryKey: ['cart', selectedCurrency],
+    queryFn: () => ApiGateway.getCart(selectedCurrency),
+  });
+  const addCartMutation = useMutation({
+    mutationFn: ApiGateway.addCartItem,
+    ...mutationOptions,
+  });
+
+  const emptyCartMutation = useMutation({
+    mutationFn: ApiGateway.emptyCart,
+    ...mutationOptions,
+  });
+
+  const placeOrderMutation = useMutation({
+    mutationFn: ApiGateway.placeOrder,
+    ...mutationOptions,
+  });
 
   const addItem = useCallback(
     (item: CartItem) => addCartMutation.mutateAsync({ ...item, currencyCode: selectedCurrency }),