Error: Maximum call stack size exceeded

[namjul]

🐛 Bug report

I believe this is related to lukeed/klona#44 which suggests that circular dependencies are somehow created. Maybe through using vue@2.7 composition API.

💥 Steps to reproduce

I encounted this while using zag-js with vue@2.7 (using its composition API) and implementing zag-js/combobox.

💻 Link to reproduction

CodeSandbox reproduction: https://codesandbox.io/s/nice-wind-pty88z

🧐 Expected behavior

🧭 Possible Solution

A quick test suggests that using klona/json works as meant to be done here a043048 but the main code now uses klona/full

zag/packages/core/src/utils.ts

Line 4 in 1923cb2

🌍 System information

Software	Version(s)
Zag Version	0.27.0
Browser	118.0.5993.88 (
Operating System	Ubuntu@22.04

📝 Additional information

[segunadebayo]

Hi @namjul,

I can't seem to reproduce this in Vite + Vue. I recommend using Vite or Nuxt when building components.

Here's a working example without the maximum call stack issue:
https://stackblitz.com/edit/vitejs-vite-avmvjf?file=src%2Fcomponents%2FSelect.jsx