Test case demonstrating onload breaks with nested views

index.js

const choo = require('choo')
const html = require('choo/html')

const app = choo()

app.model({
  state: {},
  reducers: {
    receive: (data, state) => ({})
  },
  effects: {
    fetch: (data, state, send, done) => {
      console.log('fetch')
      send('receive', done)
    }
  }
})

const Layout = (View) => (state, prev, send) => {
  return html`
    <main onload=${onload}>
      <nav class="nav has-shadow">
        <div class="container">
          <a href="/" class="nav-item is-tab">Home</a>
          <a href="/add" class="nav-item is-tab">Add</a>
        </div>
      </nav>
      ${View(state, prev, send)}
    </main>
  `
  function onload () {
    console.log('onload')
    send('fetch')
  }
}

const Home = (state, prev, send) => html`<div>Home</div>`
const Add = (state, prev, send) => html`<div>Add</div>`
      
app.router((route) => [
  route('/', Layout(Home)),
  route('/add', Layout(Add))
])

const tree = app.start()
document.body.appendChild(tree)