double renderer on scene when use sprite renderer

[Trusiak]

hi,

const animate = (nebula, app) => {
      requestAnimationFrame(() => animate(nebula, app));
      nebula.update();
      try{
        app.renderer.render(this.scene, this.camera);
      }
      catch(e){
      }
    }
    
    Nebula.fromJSONAsync(tu, THREE).then(loaded => {
      const app = getThreeApp();
      const nebulaRenderer = new SpriteRenderer(this.scene, THREE);
      const nebula = loaded.addRenderer(nebulaRenderer);
      animate(nebula, app);
    }); 

when try to add new sprite renderer, scene becomes duplicated: https://i.imgur.com/bTDJMpM.png
but if i try to replace SpriteRenderer with my scene renderer, then i got this:

System.js:125 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'init')
    at System.addRenderer (System.js:125:1)
    at index.ts:562:1