Cannot destructure property 'containerEl' of 'el[SCOPE]' as it is undefined.

vue3中在element-plus v2.2.0版本中的el-select使用v-infinite-scroll指令，控制台会报错

Uncaught (in promise) TypeError: Cannot destructure property 'containerEl' of 'el[SCOPE]' as it is undefined.

官方上的Issues解释是需要nextTick()之后再去显示

解决：目前是通过在组件挂载完成再去显示el-select组件，不知道还有没有其他更好的方法。 PS：更高element-plus版本似乎v-infinite-scroll指令不起作用

<template>
<el-select
    v-if="isMounted"
    v-model="id"
    filterable
    remote
    :remote-method="remoteMethod"
  >
    <div v-infinite-scroll="loadMore">
      <el-option/>
    </div>
</el-select>
</template>
<script setup>
import { ref, onMounted } from 'vue'
const isMounted = ref(false)
onMounted(() => {
  isMounted.value = true
})
const id = ref("")
const loadMore = ()=>{}
</script>