types(reactive): UnwrapNestedRefs is not working

[yangmingshan]

Version

3.0.0-beta.4

Reproduction link

https://codesandbox.io/s/dreamy-chandrasekhar-7pqfh

Steps to reproduce

Check src/index.ts line 5.

What is expected?

Type of a.a is number.

What is actually happening?

Type of a.a is Ref<number>.

---

See the comments in src/index.ts. It's weird, maybe it's a TS bug.

[pikax]

I would say this is an intended behaviour, since we are bailing the types Node | Window on https://github.com/vuejs/vue-next/blob/master/packages/reactivity/src/ref.ts#L142

There's the original issue: #951

EDIT: If adding dom is not an option, you can declare Window and Node interfaces example

import { ref, reactive } from "vue";
declare global {
  interface Window {
    // describe this interface with some unique props
    __window: boolean;
  }
  interface Node {
    // describe this interface with some unique props
    __node: boolean;
  }
}

const a = reactive({ a: ref(0) });

a.a++; // works

[yyx990803]

I think it's expected behavior to require libs: ['dom'] when using vue since it is expected to work in DOM environments.

What we can improve is that UnwrapRef is declared in @vue/reactivity which should not assume the end environment it's running in. This could cause issues for custom renderers.

[yyx990803]

see b40fcbc

[yangmingshan]

@yyx990803 Thanks, and maybe you will be interested in microsoft/rushstack#1709.