Fetch data only when first call was successful

import { queryKeys } from "constants/queryKeys";
import useSnackbar from "hooks/useSnackbar";
import { useQuery } from "react-query";
import { getProducts } from "services/api/shop";
import { errorMessage } from "utils/helpers/errorMessageTitle";

const useProducts = (enabled = true) => {
  const { snackError } = useSnackbar();
  return useQuery(queryKeys.products, getProducts, {
    onError: (error) => {
      snackError(errorMessage(error));
    },
    enabled,
  });
};

export default useProducts;

import { queryKeys } from "constants/queryKeys";
import useSnackbar from "hooks/useSnackbar";
import { useQuery } from "react-query";
import { getShopCategories } from "services/api/shop";
import { errorMessage } from "utils/helpers/errorMessageTitle";

const useShopCategories = () => {
  const { snackError } = useSnackbar();
  return useQuery(queryKeys.shopCategories, getShopCategories, {
    onError: (error) => {
      snackError(errorMessage(error));
    },
  });
};

export default useShopCategories;

const ProductsFilterPage = () => {
  const { data: shopCategories, refetch, isSuccess } = useShopCategories();
  const { data: products } = useProducts(isSuccess);