Ractive.js实例与Array数据绑定

Question

我在两个页面上使用Ractive.js进行反应式DOM更新。所以，我有两个不同的Ractive实例。

var ractiveDropdown = new Ractive({
    el: '#el',
    template: '#template',

    data: {
        products: []
        ...
}

 var ractiveOrder = new Ractive({
            el: '#el2',
            template: '#template2',
            data: ractiveDropdown,
            adapt: [ 'Ractive' ]
 });

这里的数据是一个包含一些JSON的数组：

var products = [{id: 0, count:5, price:100}, ...]

当我像这样设置这些数据时：

update: function (products) {
            ractiveDropdown.set({products: products});
        }

，我得到未捕获的RangeError：超出最大调用堆栈大小。

它只发生在数组数据中，而不是标量值甚至是对象。

当我尝试使用 forEach 迭代产品数组并将每个元素推送到产品数据属性时，也不会出现这种情况

这里可能出现什么问题？我该怎么做才能避免这个SO问题？