react严格模式下webglRender初始化时会报错 #2076

import { Canvas, CanvasEvent, Circle } from "@antv/g";
import { Renderer } from "@antv/g-webgl";
import { useEffect, useRef } from "react";

export function Test() {
    const ref = useRef<HTMLDivElement>(null);
    useEffect(() => {
        if (!ref.current) return;
        const renderer = new Renderer();
        const canvas = new Canvas({
            container: ref.current,
            width: 600,
            height: 500,
            renderer,
        });
        const circle = new Circle({
            style: {
                r: 50,
                fill: "#1890FF",
                stroke: "#F04864",
                lineWidth: 4,
                cursor: "pointer",
            },
        });

        const fn = () => {
            canvas.appendChild(circle);
        };
        canvas.addEventListener(CanvasEvent.READY, fn);
        return () => {
            canvas.removeEventListener(CanvasEvent.READY, fn);
            canvas.destroy();
        };
    }, []);

    return <div ref={ref}></div>;
}