Histoire is interfering with PrimeVue's Tree Component

[eric-g-97477]

Describe the bug

Describe the bug

It seems unlikely this is a PrimeVue issue, but thought I would report it here just in case someone wanted to take look and confirm there isn't a bug in PrimeVue that is preventing this from working.

The histoire ticket is histoire-dev/histoire#764

It is possible for PrimeVue's Tree component to show multiple items selected while using it with Histoire.

PrimeVue's Tree component works without issue when used within a normal app.

Reproducer

https://github.com/eric-g-97477-vue/PrimeVueTree

PrimeVue version

4.1.1

Vue version

4.x

Language

ES6

Build / Runtime

Vite

Browser(s)

Chrome: 129.0.6668.101, Safari: 18.0.1

Steps to reproduce the behavior

I have a simple sample project which can be used to demonstrate the problem. Note, while trying to reproduce the bug in Histoire, it may be necessary to reload the page a couple of times.

https://github.com/eric-g-97477-vue/PrimeVueTree

I used npm.

Screen Recording of the bug inside of histoire...

PrimeVue.Tree.Bug.mov

npx envinfo --system --npmPackages '{histoire,@histoire/*,vite,@vitejs/*}' --binaries --browsers                                                                                                                                20:14:40

  System:
    OS: macOS 14.7
    CPU: (16) arm64 Apple M3 Max
    Memory: 146.22 MB / 64.00 GB
    Shell: 3.7.1 - /opt/homebrew/bin/fish
  Binaries:
    Node: 16.16.0 - ~/.nvm/versions/node/v16.16.0/bin/node
    Yarn: 1.22.22 - ~/.nvm/versions/node/v16.16.0/bin/yarn
    npm: 8.11.0 - ~/.nvm/versions/node/v16.16.0/bin/npm
  Browsers:
    Chrome: 129.0.6668.101
    Safari: 18.0.1
  npmPackages:
    @histoire/plugin-vue: ^0.17.17 => 0.17.17
    @vitejs/plugin-vue: ^5.0.5 => 5.1.0
    histoire: ^0.17.17 => 0.17.17
    vite: ^5.2.13 => 5.3.4

Expected behavior

Screen Recording of it working inside a regular app...

PrimeVue.Tree.Working.mov