I'm trying to implement infinite scroll in vue js via treeselect. I've tried to do it like so - https://github.com/riophae/vue-treeselect/issues/275 It seemed to work for them, however, I'm getting this error:

[Vue warn]: Error in nextTick: "TypeError: _this.$refs.tree.getMenu is not a function"

Here is the code

Template:

  <div class="invite_form--item">
       <treeselect ref="tree" :options="infiniteOptions" @open="handleMenuOpen" />
  </div>

Script:

      methods:{
        handleMenuOpen() {
            this.$nextTick(() => {
                for(const item of this.$refs.tree){
                    console.log(item)
                }
                const menu = this.$refs.tree.getMenu()
                const hasReachedEnd = menu.scrollHeight - menu.scrollTop <= menu.clientHeight * 1.25
                menu.addEventListener('scroll', () => {
                if (hasReachedEnd) this.fetchOptions()
                })
            })
        },
    
        
    fetchOptions() {
        if (this.isFetchingOptions) return
        this.isFetchingOptions = true
    
        xhr().then(newOptions => {
        this.options.push(...newOptions)
        this.isFetchingOptions = false
        })
    },
}

If anyone has any clue regarding this error, I'd really appreciate your help :)