Teleport breaks on hot-reload

[tmcdos]

I have a component DnsTable with a template like this (simplified):

<template>
  <q-table>
    <template #bottom-row>
      <q-tr id="dns_append" />
    </template>
  </q-table>
</template>

which I then use in another component DomainDns with a template like this (simplified):

<template>
  <div>
    <DnsTable />

    <teleport v-if="isMounted" to="#dns_append">
      <q-td>Some text</q-td>
    </teleport>
  </div>
</template>

<script>
export default
{
  data()
  {
    return {
      isMounted: false,
    };
  },
   mounted()
  {
    this.isMounted = true;
  },
}
</script>

During development, on first load it works okay. But if I make a change to DnsTable.vue (so it triggers a hot reload) - the teleported content disappears.
When this happens, if I make a change in DomainDns.vue (so it triggers a hot reload) - the teleported content appears again.
How can I prevent that disappearing during development or work around it?