Управление запросом Async Batch внутри действия redux

У меня есть действие redux для поиска в приложении. Когда пользователь начинает поиск, он группирует запросы и отправляет 30 запросов на запрос и ставит в очередь первые 10 запросов. Как только любой из запросов будет успешным, он добавит следующий запрос в очередь запросов. Все это происходит как действие redux, и всякий раз, когда запрос оказывается успешным, он отправляет действие для добавления результата в хранилище. Я хотел бы получить информацию о том, как с этим справиться, если пользователь нажимает «отменить поиск» и вводит новый поисковый запрос. Как я могу отменить существующие действия запроса и сокращения, чтобы предыдущие запросы поиска не были успешными, и добавить их в хранилище результатов?

Пример кода ниже: -

function search(queries){
  // split the queries into chunks of size 30
  batches = _.chunks(queries, 30);

  let count = 0;

  //get the first batch manually
  getBatch(batches[0]);

  function getBatch(batch){
    axios.post('url', batch.join(',')).then((response) => {

      // recursively call get batch to get rest of the data
      if (count < batches.length) { getBatch(batches[count++]); }

      // dispatch action to append the result into the store
      dispatch({ type: 'APPEND_RESULT', payload: response })
    }
  }
}

this is a minimal code for sharing the concept

Я читал об отменяемых обещаниях, которые поддерживает Axios. Но я не уверен, как контролировать этот рекурсивный вызов при втором выполнении той же функции.

eg: user input will be { ids :[1,2,3,..1000] } I am trying to create batches and sent parallel requests { ids:[1,2, .. 29,30 }, { ids: [31, 32, .. 59,60]} etc.