bugs: teleport component with router push occur error

[haryan248]

Vue version

3.3.4 (latest)

Link to minimal reproduction

https://q8s5xk.csb.app/

Steps to reproduce

i have to router and object props
props has click event to child components
child components also have teleport component

<teleport to="#app">
      <div class="teleport">move</div>
</teleport>

teleport to app occured error
change to Fields('#app') to another class(ex: '.container'), it works

What is expected?

teleport to div tag with id 'app'

What is actually happening?

but it has error loop

System Info

No response

Any additional comments?

No response

[Shyam-Chen]

- <teleport to="#app">
+ <Teleport to="body">
// or
+ <Teleport to="#foo">

[haryan248]

- <teleport to="#app">
+ <Teleport to="body">
// or
+ <Teleport to="#foo">

If I change the class name, I know it works

but #app doesn't work is a vue bug.
so I think add caution in docs or fix this bug

[yangtoude]

@edison1105 is this bug fixed？

[edison1105]

@yangtoude Not yet. the PR is still open.