vue-query, refs doesn't work for type narrowing?

[ionic glen]

I tried to use the type narrowing feature of v5. I prefer to always use refs to not have to keep track of which is which, but then the type narrowing doesn't seem to work?

I posted a screenshot, this is the link with different variants: https://www.typescriptlang.org/play?#code/JYWwDg9gTgLgBAbzgVwM4FMCKz1QJ5wC+cAZlBCHAOQACMAhgHaoMDGA1gPQBuOAtAEcc+KgFgAUBJh4w6OAFEAHvXAAbOQF5EEuHGAATAFxxGyEACNcAbh0mV6YyyjBGAcxvjCHiawjN4CLbAqAAK6Iz6Lq4ANEGo8lDkULHiusEAysisrOioqCm6LPQwaAVw+sX0xhUMKcRaaFjCeAAUgalwQrh4ANLoeMYA2gBEMLkwwwC6ZV34AGKMxi0AlMYh5CDB6AA8Sipg6gB8cBrH6xRbAHRQuRCq3OhtekZwAIzRdiAOcMP05qzDIjLOrLbziYAkOAtYJhCJRZbaDq+Zh3dCXVQQVwtYYw8KRNzDUESYjoVQYPSQ6HxRLQBHtXTI1Co9GY7HBBJJQkeElkuT0uCM+CKV4ncqVDy6YWXAzciQSCFQ3FwtyXbj0VQ4Om2RnMjFYnGhPFRLnEuCk8kKqkc6Cq9WaxEMvxM9Qs-XsmlQE2eM28h0Cp1CgBMopq9FtGvQErgikD0v0ssk4MpGSyOTyWqRAejAGYQ5Vwzgo4ps3GE-Lk6hMtlcqgC+gM47-NGACx5hh1ovN0vEuVJqFFEq1tURk5aYaoVM1wl+wXRgCsbbDw8LtkUc+7niAA

Is it supposed to require usage of reactive? (no other examples in the docs use reactive, except this specific one) https://tanstack.com/query/latest/docs/vue/typescript#type-narrowing

[fiery venture]

@ionic glen same issue for me but when trying to access data in <template> typescript wants me to use .value which is wrong...

DId you solve this at all? maybe downgrading?

[timber sphinx]

https://github.com/TanStack/query/issues/5418