[BUG] Argument of type 'Ref<HTMLElement | SVGElement | VueInstance | undefined>' is not assignable to parameter of type 'MaybeElementRef'.

[mesqueeb]

Recently I'm getting issues like these again in my typescript based project

I do have skipLibCheck: true in tsconfig, so not sure what's causing it though : S

ERROR in ../../node_modules/vue-virtual-scroll-grid/src/Grid.vue:97:37
TS2345: Argument of type 'Ref<HTMLElement | SVGElement | VueInstance | undefined>' is not assignable to parameter of type 'MaybeElementRef'.
  Property '[RefSymbol]' is missing in type 'Ref<HTMLElement | SVGElement | VueInstance | undefined>' but required in type 'Ref<HTMLElement | SVGElement | VueInstance | null | undefined>'.
     95 |       pageSize$: fromProp(props, "pageSize"),
     96 |       // a stream of item size measurements when it is changed
  >  97 |       itemRect$: fromResizeObserver(probeRef, "contentRect"),
        |                                     ^^^^^^^^
     98 |       // a stream of root elements when it is resized
     99 |       rootResize$: fromResizeObserver(rootRef, "target"),
    100 |       // a stream of root elements when scrolling

ERROR in ../../node_modules/vue-virtual-scroll-grid/src/Grid.vue:99:39
TS2345: Argument of type 'Ref<HTMLElement | SVGElement | VueInstance | undefined>' is not assignable to parameter of type 'MaybeElementRef'.
     97 |       itemRect$: fromResizeObserver(probeRef, "contentRect"),
     98 |       // a stream of root elements when it is resized
  >  99 |       rootResize$: fromResizeObserver(rootRef, "target"),
        |                                       ^^^^^^^
    100 |       // a stream of root elements when scrolling
    101 |       scroll$: fromWindowScroll(rootRef),
    102 |       scrollTo$: fromProp(props, "scrollTo"),

ERROR in ../../node_modules/vue-virtual-scroll-grid/src/Grid.vue:101:33
TS2345: Argument of type 'Ref<HTMLElement | SVGElement | VueInstance | undefined>' is not assignable to parameter of type 'MaybeElementRef'.
     99 |       rootResize$: fromResizeObserver(rootRef, "target"),
    100 |       // a stream of root elements when scrolling
  > 101 |       scroll$: fromWindowScroll(rootRef),
        |                                 ^^^^^^^
    102 |       scrollTo$: fromProp(props, "scrollTo"),
    103 |     });
    104 |

[rocwang]

It looks like an easy issue to fix. However, I shouldn't have exposed internal types. I will look into this.

[mesqueeb]

@rocwang I checked the code, I think you should use this command to generate the proper types for your library:

"gen:types": "vue-tsc --declaration --emitDeclarationOnly",

in you tsconfig, set "declaration": false, instead of true and only create the declaration with vue-tsc.

For vue-tsc to work you need this instead of your "declaration": true,

"compilerOptions": {
    "outDir": "dist",
    "baseUrl": "."
  },

edit: the types you provided in your dist folder they point to your src folder. this is the cause of the issues I believe.

[mesqueeb]

@rocwang just opened a PR with a potential fix. checking my branch now.

[mesqueeb]

Dear @rocwang this PR (#166) fixes this issue!

It's good to merge now!
thanks so much for your cooperation.

[github-actions]

🎉 This issue has been resolved in version 1.2.4 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀