循环内意外的`await`

Question

This block of code is causing the titled eslint rule to error. I'm trying to figure out how to remove the iteration dependency but I'm not quite seeing it. Any help would be greatly appreciated.

for (let i = 0; i < areaRes.hits.hits.length && i < MAX_PAGE_LIMIT; i += 1) {
  const record = areaRes.hits.hits[i];
  const snapshot = await listings.forBoundary(record, filter, listingType,
    status, roleId, roleType);
  areaResponseArr.push({ ...snapshot });
}

Answer 1

You could push the promises in your loop and use await outside of the loop, like:

const promises = [];
for (let i = 0; i < areaRes.hits.hits.length && i < MAX_PAGE_LIMIT; i += 1) {
  const record = areaRes.hits.hits[i];
  promises.push(listings.forBoundary(record, filter, listingType, status, roleId, roleType));
}
const areaResponseArr = await Promise.all(promises);