我在React中有一个函数组件，我也在使用KonvaJS npm库。当函数组件重新呈现它时，它增加了内存占用。
Chrome task manager
我的准则

import React, { useState, useEffect, useSelector} from "react";
import { Stage as stageKonva } from "konva/lib/Stage";
import { Line as LineKonva } from "konva/lib/shapes/Line";
import { Animation as AnimationKonva } from "konva/lib/Animation";
import { Layer as LayerKonva } from "konva/lib/Layer";
import { Image as ImageKonva } from "konva/lib/shapes/Image";

export const Abc = (data)=>{

   const {  device } = useSelector((state) => ({ device: state.device }));

   useEffect(() => {
      gameStart();
   },[device])

   async function gameStart (){
       var stage = new stageKonva({ container: "gamePanel", width: 300, height: 300});   
       var layer = new LayerKonva(), oldRow = null; stage.add(layer);
       var imageObj1 = new Image(); 
       imageObj1.onload = function () {
         let square = new ImageKonva({ x: 0, y: 0, height: 40, width: 20, image: imageObj1 });
         ------------------------------
         ---------Some code here-------
         ------------------------------
       }
       imageObj1.src = data.image;
   }

    return(<div  id="gamePanel"></div>);       
}

我想知道为什么重新渲染时内存占用会增加。怎么阻止？