DOM isn't rendered in onMounted() when using vue-router and <Suspense />

[Minibrams]

Reproduction

https://stackblitz.com/edit/vite-ajtmyh?file=src/views/Home.vue

Steps to reproduce the bug

1. While running the reproduction example, open DevTools in your browser
2. Refresh the page to force a re-render
3. Observe that the console contains three logs from Home.vue, SyncComponent.vue, and AsyncComponent.vue that logs their respective DOM elements.

Expected behavior

The console.log()s from Home.vue, SyncComponent.vue, and AsyncComponent.vue should contain non-null DOM elements.

Actual behavior

The console.log()s from Home.vue, SyncComponent.vue, and AsyncComponent.vue all show that their respective DOM elements are null at the time of logging.

Additional information

Since each of the console.log() calls are made inside onMounted(), I would expect the DOM nodes to be inserted and rendered as per the official documentation on Lifecycle Hooks.

Further, since the setup of vue-router and <Suspense> together follows the official documentation (see App.vue), I do not expect this lifecycle principle to break.

[posva]

Duplicate of vuejs/core#5844