transition-group appear class not disappear inside Suspense

[xcuiz]

Version

3.0.0-rc.5

Reproduction link

https://github.com/xcuiz/vue-next-test.git

Steps to reproduce

npm i

npm run dev

Start dev server and navigate to localhost:8080/index

What is expected?

<div class="list">

      <div class="list-item">vue-next 0</div>

      <div class="list-item">vue-next 1</div>

      <div class="list-item">vue-next 2</div>

      <div class="list-item">vue-next 3</div>

      <div class="list-item">vue-next 4</div>

</div>

What is actually happening?

<div class="list">

  <div class="list-item appear-active v-enter-from">vue-next 0</div>

  <div class="list-item appear-active v-enter-from">vue-next 1</div>

  <div class="list-item appear-active v-enter-from">vue-next 2</div>

  <div class="list-item appear-active v-enter-from">vue-next 3</div>

  <div class="list-item appear-active v-enter-from">vue-next 4</div>
  
</div>

---

e.g:

in parent vue component:

<Suspense>

            <template #default>

                <router-view></router-view>

            </template>

            <template #fallback>

                加载中...

            </template>

 </Suspense> 

in child component:

<transition-group

                appear

                appear-to-class="appear-to"

                appear-active-class="appear-active">

                <div class="list-item" v-for="item of list" :key="item.id">

                    {{item.userName}}

                </div>

 </transition-group>

[posva]

I removed the router from the demo I submitted a PR: xcuiz/vue-next-test#1