How to fix Vue 3.6 alien signals "effect exhaustion" in recursive computations?

Alien signals in Vue 3.6 throw "effect exhaustion" when recursive signal reads exceed dependency depth limits during tree traversals or graph algorithms. Use signal.snapshot() to freeze dependency collection or effect.defer() to schedule deep computations post-render. Critical for org charts and dependency graphs with 10k+ nodes.

Example:-

Code

<script setup>
import { signal, effect } from 'vue'

const tree = signal({ children: [] })
const flattened = signal([])

effect.defer(() => {  // Post-render scheduling
  const snapshot = tree.value.snapshot()  // Freeze deps
  flattened.value = flattenTree(snapshot)
})
</script>