Code clarity

[FelipeSharkao]

I've tried writing, by the documentation:

const fooInput = () =>
  go(function* () {
    const { value } = yield e.input()
    const { click } = yield e.button('Insert')

    return { insert: snapshot(value, click) }
  })

That wouldn't work, both values was undefined, so I need to do:

const fooInput = () =>
  go(function* () {
    const { value } = yield e.input().use({ value: 'value' })
    const { click } = yield e.button('Insert').use({ click: 'click' })

    return { insert: snapshot(value, click) }
  })

That's already very redundant. But still, I couldn't access insert from other components, so what I ended up doing was:

const fooInput = () =>
  component(o =>
    go(function* () {
      const { value } = yield e.input().use({ value: 'value' })
      const { click } = yield e.button('Insert').use({ click: 'click' })

      return { insert: snapshot(value, click) }
    }).output({ insert: o.insert })
  )

Am I missing something? Or is it that chain can never catch available observables that weren't remapped with use, and go won't output them, even with the last line it telling so? Am I misusing go when it is supposed to be something else?