How to setup Vue Router transitions with JSX inside of Vue 3

vue-app.js

import { resolveDynamicComponent, Transition } from 'vue'
import { RouterView } from 'vue-router'

export default {
  setup () {
    return () => {
      const slots = view => (
        <Transition name='fade'>
          {resolveDynamicComponent(view.Component)}
        </Transition>
      )

      return <RouterView v-slots={ slots }/>
    }
  }
}