Adding 'ref' attribute to component in router-view breaks beforeRouteEnter next( vm => {} )

[AgileInteractive]

Version

4.0.0-beta.9

Reproduction link

https://jsfiddle.net/1e9mqocg/1/

Steps to reproduce

Add router-view with transition

<router-view v-slot="{ Component }">
  <transition v-on:enter="enterTransition">
    <component :is="Component" ref="myRouteComponent"/>
  </transition>
</router-view>

Add beforeRouteEnter guard to child view

beforeRouteEnter(to, from, next) {
    console.log('* beforeRouteEnter');
    next((vm) => { vm.setData(); } );
},

methods: {
    setData() {
        console.log('*** "Set data" from beforeRouteEnter here');
    }
}

What is expected?

setData() to be called when clicking "Home" (inspect console.log)

What is actually happening?

setData is never called

---

Just deleting the 'ref' attribute makes it work again, but the ref attribute is very useful.

[posva]

I think this one is a bug on vue. I will try to create a repro in the following days. The problem is we use our own ref to retrieve the component instance but it gets overriden by the user's.
If you want to try to reproduce it in Vue. The relevant code is in RouterView

setup(props, { slots }) {
return () => {
      const component = h(
        ViewComponent,
        {
          ref: viewRef, // a ref()
        }
      )

  return slots.default({ Component: component })
  }
}

[posva]

Opened vuejs/core#2078

[posva]

Fixed in vue-next

[posva]

I don't know, the reproductions seem to work. A proper bug report would help