this.$router.push is causing a leaveGuards.forEach is not a function error

Question

I am using Vue3 and Vue router 4, while tyring to run this.$router.push it throws leaveGuards.forEach is not a function

I see that https://github.com/vuejs/router/blob/f776cbe1098596f53b5c2f696d29e1c02afd1fc1/packages/router/src/router.ts#L824 at this particular line for my application the leaveGuards is an empty object. Why is that? How can I resolve my error?

I tried

this.$router.push({
path: //
query: //
})

And router.js seems to be configured properly