Dialog, Sidebar: Not working if v-model:visible is changed quickly

[Hiroki-Tamaru]

Describe the bug

1. Use Dialog or Sidebar.
2. Change the v-model:visible parameter very frequently (like 10ms) several times.
3. The component does not appear and the script stops working.

The threshold interval time seems to depend on the amount of contents of the Dialog/Sidebar.

Reproducer

https://codesandbox.io/s/determined-easley-hg74jm

PrimeVue version

3.28.0

Vue version

3.x

Language

ALL

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

1. Confirm that the interval (ms) value is 1000.
2. Click the "Start" button.
3. Confirm that the Dialog component appears and hides periodically.
4. Reload the demo.
5. Enter "10" in the interval value input.
6. Click the "Start" button.
7. Confirm that the Dialog component does not appear.

Expected behavior

The Dialog/Sidebar component should be displayed and hidden even if it is done very quickly.

[Zebnastien]

I can confirm this bug with latest Primevue release (3.30.2). Very easy to reproduce.
Just put a Sidebar with :modal="false" and a Button to open the sidebar.

Quickly click button -> Error repeatedly in console

Very annoying as it breaks the interactivity of the page and requires a refresh.