[Vuejs]-Recursive Vue 3 component doesn't update props

Try to do that way, see this example, it will works:

const emits = defineEmits<{ (event: 'on-interact', deep: number): void }>();

const handle = () => {
  emits('on-interact', props.deep)
}

see the documentation here
https://vuejs.org/api/sfc-script-setup.html#typescript-only-features