file.js

import React from 'react';
import Coroutine from 'react-coroutine';
import Deferred from './Deferred.js';

export default Coroutine.create(Counter);

async function* Counter() {
  let counter = 0;
  while (true) {
    yield (
      <section>
        <p>{counter}</p>
        <button onClick={() => dispatch('INCREMENT')}>Increment</button>
      </section>
    );
    await waitFor('INCREMENT');
    counter++;
  }
}