How would I prevent this from leaking memory?

let g = hexi(1000, 1000, setup);
g.border = "2px red dashed";
g.backgroundColor = 0x000000;
g.scaleToWindow();
g.start();

var scene, tiles;

function setup() {
    g.state = play;
    scene = g.group();

    tiles = [];
    for(i = 0; i < 20; i++) {
        var row = [];
        for(j = 0; j < 20; j++) {
            var color = (i + j) % 2 == 0 ? "#ffffff" : "#000000";
            var tile = g.rectangle(50, 50, color, null, 0, 50*i, 50*j);
            row.push(tile);
            scene.add(tile);
        }
        tiles.push(row);
    }

    index = 0;
}

var index;

function setTileColor(x, y, color) {
    scene.removeChild(tiles[index][index]);
    tiles[index][index] = g.rectangle(50, 50, color, "#000000", 0, 50*index, 50*index);
}

function play(){
    for(i = 0; i < 100; i++) setTileColor(0, 0, "#ff0000");
}

The play function is obviously just for testing, but if you run this for a couple of seconds you can see firefox’s memory usage rising dramatically. So my question is how do I prevent this code from leaking memory?

[kittykatattack]

http://www.html5gamedevs.com/topic/30539-correct-way-to-remove-sprites-container/

and

http://www.html5gamedevs.com/topic/19815-correct-way-of-deleting-a-display-object/

[kittykatattack]

@SuperCuber: No problem - my guess is that the memory usage is normal (?) so there’s probably no need to do any testing. If anyone else would like to comment on this, please do!