Children appended to script element when using root: document.body

Hi,

When I specify root: document.body I get children of my component appended to the script tag:

Code

View

const { h } = require('hyperapp')
const hyperx = require('hyperx')

const html = hyperx(h)

const ScheduleEvent = (event) => html`
<li class="schedule-event">
  <span class="event">${event.title}</span>
  <span class="hours">
    <time>${event.start}</time> - 
    <time>${event.end}</time>
  </span>
</li>
`

const ScheduleDay = (day) => html`
<li class="schedule-day">
  <span class="day"></span>
  <ul class="events">
    ${day.events.map(event => ScheduleEvent(event))}
  </ul>
</li>
`

const ScheduleWidget = (schedule) => html`
<ul class="schedule-widget">
  ${schedule.days.map(day => ScheduleDay(day))}
</ul>
`

module.exports = ScheduleWidget

Index

const { app } = require('hyperapp')

const model = require('./lib/model')
const view = require('./lib/view')
const reducers = require('./lib/reducers')
const subscriptions = require('./lib/subscriptions')

app({ model, view, reducers, subscriptions, root: document.body })

[jorgebucaran]

Fixed. 🤣

[ngryman]

@jbucaran Couldn’t it be related to the hardcoded 0 at app.js:L:116 patch(root, node, node = view(model, actions), 0)?