evented JSX rendering without classes

sample.jsx

function siteDef(state) {
  return <div>
    function* () {
      var state = "Your Site";
      var resolve;
      
      function render() {
        return <h1 contentEditable={true} onInput={onInput}>{state}</h1>;
      }
      function rerender() {
        resolve(render())
      }
      function onInput(event) {
        state = event.target.innerHTML;
        rerender()
      }
      
      yield render()
      
      while (true) {
        yield new Promise(function(_resolve, reject) {
          resolve = _resolve;
        });
      }
    }
  <div>
}