Route transition doesnt work???

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

It's very frustrating when something basically doesn't work from the documentation. I literally have the same code, and I have a bug and it doesn't work...

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