React hook collections for JavaScript's Iterator/generator

const result = useGenerator<string>(function* () {
  yield 'aaa';
  yield 'bbb';
  yield 'ccc';
}, []);

result.next();
result.value === 'aaa';

result.next();
result.value === 'bbb';

const result = useAsyncGenerator<string>(function* () {
  yield fetch('https://example.com/1').then((r) => r.json());
  yield fetch('https://example.com/2').then((r) => r.json());
  yield fetch('https://example.com/3').then((r) => r.json());
}, []);

result.next();
result.loading; // equals to true while loading
result.value; // equals to the response from the URL above

// Argument can be anything that implements Symbol.iterator
const result = useIterable("abcd");

result.next();
result.value === 'a';

result.next();
result.value === 'b';

// Argument can be anything that can be used with for-await-of syntax
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for-await...of
const result = useAsyncIterable({
  [Symbol.asyncIterator]() {
    return {
      i: 0,
      next() {
        if (this.i < 3) {
          return Promise.resolve({ value: this.i++, done: false });
        }

        return Promise.resolve({ done: true });
      }
    };
  }
});

result.next();
result.loading; // equals to true while loading
result.value === 1;

const result = useIterator({
  next: () {...},
  return: () {...},
  throw: () {...},
});

const result = useAsyncIterator({
  next: () {...},
  return: () {...},
  throw: () {...},
});