Component inside <Transition> renders non-element root node that cannot be animated

I want to add route transition for vue 3 app, but doesnt work.

<router-view v-slot="{ Component }">
            <transition name="fade">
                <component :is="Component" />
            </transition>
        </router-view>