Template refs defined inside reactive object do not work

[danyadev]

Version

3.0.0-alpha.10

Reproduction link

https://jsfiddle.net/1oxdbr0u/1/

Steps to reproduce

1. Create reactive object in setup like reactive({ foo: null })
2. Create an element in the template with this ref (<div ref="foo"></div>)
3. Try to get this element inside onMounted hook

What is expected?

HTML element

What is actually happening?

null

---

If you use ref or convert a reactive object using toRefs, then everything works fine

[posva]

I think this is expected: you need to explicitly pass a ref object:

reactive({
    	ref: ref(null)
    })

[danyadev]

It's rather strange that it is necessary to use ref here, because reactive returns the same reactive object. Maybe this was done for definiteness, because the names are the same. But it seems to me that it is best to get refs from the setup arguments, as described in this RFC