itemHook.ts

import { useCallback, useEffect } from 'react';
import { useCancelTokens } from '../util/xhrHooks';
import { getItems as getItemsAction } from '.';

export const useItems = () => {
  const addCancelToken, cancelAll } = useCancelTokens;
  
  const getItems = useCallback(async () => {
    // Cancel existing getItems requests before call a new one
    cancelAll();
    
    // Get a new token for a new request
    const cancelToken = addCancelToken();
    
    // Pass the cancel token for the request
    return await getItemsAction({ cancelToken });
  }, [addCancelToken, cancelAll]);
  
  return { getItems };
};