when using reactive the component doesn't get updated

[victorlmneves]

Describe the bug

When using reactive to set the data passed to the component, the component doesn't get updated with new info but it shows it on the Source block

Reproduction

https://stackblitz.com/edit/histoire-vue3-starter-kauxjs

System Info

System:
    OS: macOS 12.5.1
    CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
    Memory: 131.54 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.16.0 - ~/.nvm/versions/node/v16.16.0/bin/node
    Yarn: 1.22.17 - /usr/local/bin/yarn
    npm: 8.11.0 - ~/.nvm/versions/node/v16.16.0/bin/npm
  Browsers:
    Brave Browser: 107.1.45.127
    Chrome: 107.0.5304.110
    Firefox: 106.0.1
    Safari: 15.6.1

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• histoire-vue3-starter-kauxjs (Open reproduction)

[sacki5]

Experiencing the same issue. Had to revert back to v10.7 for it to work again.

[sacki5]

Seems to only be happening when using iframe. Native still works.

[jfitzsimmons2]

If you're using iframes, one thing I've noticed about this is if you switch to reactive to ref it works, but obviously its not a sustainable workaround.

For now I'm using layout={iframe:false} based on @sacki5's comment to continue to use reactive.