gistfile1.txt

useEffect(() => {
    if (products.length > 0) {
      return;
    }

    const [request, cancel] = getProductsRequest();

    let isSubscribed = true;

    async function fetchProducts() {
      try {
        setLoading(true);

        const {
          data: { data },
        } = await request;

        if (isSubscribed) {
          setProducts(data);
          setLoadingError(false);
          setLoading(false);
        }
      } catch (err) {
        if (isSubscribed) {
          setLoadingError(true);
          setLoading(false);
        }
      }
    }
    fetchProducts();

    return () => {
      cancel();
      isSubscribed = false;
    };
  }, [products.length]);
  
  //////////////
  
  
  export const getProductsRequest = () => {
  let cancel;
  const { CancelToken } = axios;
  const request = api.get('v1/products', {
    cancelToken: new CancelToken((c) => {
      cancel = c;
    }),
  });

  return [request, cancel];
};