three.js - memory leak

components.my-component.js

import Ember from 'ember';



export default Ember.Component.extend({

  
  didInsertElement() {
    this._super(...arguments);

    const container = this.$('.webgl-container');

    const renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );
    renderer.setSize( container.width(), container.height() );

    container.append( renderer.domElement );
    this.set('webGLRenderer', renderer);

    const camera = new THREE.PerspectiveCamera();
    const scene = new THREE.Scene();

    renderer.render( scene, camera );

  },

  willDestroyElement() {

    const renderer = this.get('webGLRenderer');
    renderer.forceContextLoss();
    renderer.context = null;
    renderer.domElement = null;

    this._super(...arguments);
  }

});

components.parent-component.js

import Ember from 'ember';

export default Ember.Component.extend({
  showChild: false,
  
  actions: {
    start() {
      const interval = setInterval(() => {
        this.toggleProperty('showChild');
      }, 200);
      
      this.set('interval', interval);
    },
    
    stop() {
     	clearInterval(this.get('interval'));
    }
  }
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
});

styles.app.css

body {
  margin: 12px 16px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12pt;
}
.webgl-container {
  width: 200px;
  height: 200px;
  border: 1px solid black;
}

templates.application.hbs

{{parent-component}}

templates.components.my-component.hbs

<div class="webgl-container"></div>

templates.components.parent-component.hbs

<button onclick={{action 'start'}}>start</button>
<button onclick={{action 'stop'}}>stop</button>

{{#if showChild}}
	{{my-component}}
{{/if}}

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "threejs": "https://cdnjs.cloudflare.com/ajax/libs/three.js/86/three.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
  }
}