how to destroy component created by render(vnode)

[coader]

if use app.mount, it's easy to unmount it, but this create new appContext
now I use render to create component and share current appContext
most examples use document.createElement to create a new html element(named parent), and render to this element as parent container
and call render(null, parent) to destroy

but what I need is only append this component to a existed contenteditable div(named container), I use
render(comp, parent) and it works. and I create multi components by this method, so how to destory or dispose them?

[coader]

sorry, I made a mistake, when I call render to the same container for multi times, it only keep the last component, so how can I append vue component to a exists html element without any div wrapper?

[coader]

and I can't get template ref for this:
mention.value is undefined after render

const mention = ref<InstanceType<typeof NMention>>()
  const m = h(NMention, {
    items: items as any,
    visible: visible as any,
    ref: mention,
  }
  )

    element = document.createElement('div')
    element.setAttribute('class', 'f1-mention-wrapper')
    parentElement.appendChild(element)

    m.appContext = getContext()

    render(m, element)

[chennyang]

Have you got the ref value? I meet the same problem.