Nanocomponent Proxy Issue in Reordered List

index.js

const morph = require('nanomorph')
const html = require('bel')
const Nanocomponent = require('nanocomponent')

class Display extends Nanocomponent {
  createElement (state) {
    return html`<div>Display</div>`
  }
  update () { return true }
}

const display = new Display()
const tree = html`
<ul>
  <li><a href="">1</a></li>
  <li><a href="">2</a></li>
  <li>${display.render()}</li>
  <li><a href="">3</a></li>
  <li><a href="">4</a></li>
</ul>
`
document.body.appendChild(tree)

let newTree = html`
<ul>
  <li><a href="">1</a></li>
  <li>${display.render()}</li>
  <li><a href="">3</a></li>
  <li><a href="">4</a></li>
</ul>
`

morph(tree, newTree)