Error rendering occurs when the multi-layer <router-view> is used with the <keep-alive> tag

[down-in]

Reproduction

folowing the steps

Steps to reproduce the bug

App.vue
<template><router-view></router-view></template>

routes

Root.vue

A.vue:

B.vue

• Open the root route "/root".

• Then, click the router-link to="/root/A/C", A component is active, C component is renderd under the router-view.

• Then, click the router-link to="/root/B/D", A component is inactive, but under A component's router-view, D component is renderd.

Expected behavior

D component is not renderd under A component's router-view

Actual behavior

D component is renderd under A component's router-view

Additional information

"vue": "^3.3.4"
"vue-router": "4.2.4"