Iterating an index throwing 'is not a function or its return value is not async iterable' error

In this section of the demo code below, I receive a ‘TypeError: index.iterate(…) is not a function or its return value is not async iterable’:

// Add 'And, happy new year!' to all articles on 2019-01-01:
  {
    const tx = db.transaction('articles', 'readwrite');
    const index = tx.store.index('date');
 
    for await (const cursor of index.iterate(new Date('2019-01-01'))) {
      const article = { ...cursor.value };
      article.body += ' And, happy new year!';
      cursor.update(article);
    }
 
    await tx.done;
  }

I am working in the latest version of Chrome (v83). The database and index are created but just having issues with this index iterate.

[jakearchibald]

Note that you need a different import for async iterators https://github.com/jakearchibald/idb#async-iterators.

Please reopen if this isn’t the issue.

[jakearchibald]

I just noticed the import statement in the demo, that is most helpful.

Sorry it wasn’t there earlier!