Suspense with Transition triggers hooks twice

[michaeltintiuc]

Version

3.0.0-beta.21

Reproduction link

https://github.com/michaeltintiuc/vue3-suspense-transition

Steps to reproduce

<template>
      <RouterView v-slot="{ Component }">
        <Suspense>
          <template #default>
            <Transition css="false" mode="in-out" @enter="foo">
              <component :is="Component" />
            </Transition>
          </template>
        </Suspense>
      </RouterView>
</template>

The above will trigger onEnter and any other hook like onLeave etc twice

What is expected?

Call each hook once

What is actually happening?

Each hook is called twice

[michaeltintiuc]

In fact currently it will call the enter hooks on page load as well, switching routes would call all of the hooks twice

[michaeltintiuc]

Thank you @underfin just tested it with several scenarios with latest release, works like a charm! ❤️