let context referencing an object's property causes browser crash

[green3g]

Synopsis:

After the first increment of ref, the property updates fine, but the second update causes the browser to crash.

Example: (paste this into code climate's example from canjs gitter)

import { Component } from "//unpkg.com/can@5/core.mjs";

Component.extend({
    tag: "my-counter",
    view: `
				{{let a = prop[ref]}}
				{{a}}
    `,
    ViewModel: {
			ref: {
				default: 0
			},
			prop: {
				default() {
					return {
					0: 1,
					1: 2,
					2: 3,
					4: 4
				}
				}
			},
			connectedCallback(){
				setInterval(() => {
					
				this.ref ++;
				}, 1000)
			}
    }
});

[chasenlehara]

It looks like some sort of infinite recursion is happening. Chrome’s task manager shows the tab growing in memory usage and maxing out the CPU before the DevTools shows “Paused before potential out-of-memory crash.”

[green3g]

Yup, seeing this before and after the crash.

[justinbmeyer]

I will fix this tomorrow