Autoplay is not working

[CurryAyam]

`onMounted(() => {
observeVisibility(horizontalRef.value.$el, (visible) => {
if (visible) {
interval.value = setInterval(play, 5000)
} else {
clearInterval(interval.value)
}
})
})

onUnmounted(() => {
clearInterval(interval.value)
})

const play = () => {
if (!hasNextRef.value && hasPrevRef.value) {
horizontalRef.value.scrollToIndex(0)
return
}
if (hasNextRef.value) {
horizontalRef.value.next()
}
}`

i'm getting error on the play functions
vue-horizontal.es.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'stopPropagation') at Proxy.next (vue-horizontal.es.js:1:1258) at play (carousel-hero.vue:53:37)