Got "Maximum call stack size exceeded" error when calling XyDataSeries.appendRange() after updated SciChart to v3.0.280

Hello, we have published a fix for the issue. Please try out the latest library version (^3.0.300) and let us know if it works for you.

Hi Andrew, below are the codes for drawing the chart, adding trace and updating data series.

Drawing the chart:

const drawSpecChart = useCallback(async () => {
    const { sciChartSurface, wasmContext } = await SciChartSurface.create("scichart-root");
    const xAxesNumberRange = new NumberRange(specSettingsRef.current.start/freqUnits.KHZ, specSettingsRef.current.stop/freqUnits.KHZ);
    const yAxesNumberRange = new NumberRange(specSettingsRef.current.refLevel - DEFAULT_SPEC.Y_RANGE, specSettingsRef.current.refLevel);

    sciChartSurface.xAxes.add(new NumericAxis(wasmContext, {
        axisTitle: "Frequency (GHz)",
        axisTitleStyle: {
            fontSize: CHART_STYLE.AXIS_FONT_SIZE,
            fontFamily: "sans-serif",
            fontWeight: "bold"
        },
        labelStyle: {
            fontSize: CHART_STYLE.LABEL_FONT_SIZE,
            fontFamily: "sans-serif"
        },
        visibleRange: xAxesNumberRange,
        zoomExtentsRange: xAxesNumberRange,
        labelFormat: ENumericFormat.Decimal,
        labelPrecision: 6,
        cursorLabelFormat: ENumericFormat.Decimal,
        cursorLabelPrecision: 6,
        drawMajorBands: false,
    }));

    sciChartSurface.yAxes.add(new NumericAxis(wasmContext, {
        axisTitle: "Power (dBm)",
        axisTitleStyle: {
            fontSize: CHART_STYLE.AXIS_FONT_SIZE,
            fontFamily: "sans-serif",
            fontWeight: "bold"
        },
        labelStyle: {
            fontSize: CHART_STYLE.LABEL_FONT_SIZE,
            fontFamily: "sans-serif"
        },
        autoTicks: false,
        majorDelta: specSettingsRef.current.scale,
        minorDelta: 5,
        axisAlignment: EAxisAlignment.Left,
        visibleRange: yAxesNumberRange,
        zoomExtentsRange: yAxesNumberRange,
        labelFormat: ENumericFormat.Decimal,
        labelPrecision: 2,
        cursorLabelFormat: ENumericFormat.Decimal,
        cursorLabelPrecision: 2,
        drawMajorBands: false,
    }));

    sciChartSurface.chartModifiers.add(new ZoomPanModifier({ isAnimated: false }));
    sciChartSurface.chartModifiers.add(new ZoomExtentsModifier({ isAnimated: false }));
    sciChartSurface.chartModifiers.add(new MouseWheelZoomModifier());

    sciChartSurfaceRef.current = sciChartSurface;
    wasmContextRef.current = wasmContext;
    changeSpecChartTheme(themeRef.current);

    xAxesNumberRange = null;
    yAxesNumberRange = null;
}, [freqUnits.KHZ, changeSpecChartTheme]);

Adding trace:

const addTrace = useCallback((traceType, traceNum, color) => {
    traceSeries.current[traceNum] = {};
    traceSeries.current[traceNum]["xyDataSeries"] = new XyDataSeries(wasmContextRef.current);
    traceSeries.current[traceNum]["offsetFilter"] = new XyScaleOffsetFilter(traceSeries.current[traceNum]["xyDataSeries"], { scale: 1, offset: specSettingsRef.current.refOffset });
    traceSeries.current[traceNum]["series"] = new FastLineRenderableSeries(wasmContextRef.current, {
        id: traceNum,
        stroke: color ? color : tracesInfoObj.current[traceNum].color,
        strokeThickness: 1,
        dataIsSortedInX: true, 
        dataEvenlySpacedInX: true, 
        containsNaN: false,
        dataSeries: traceSeries.current[traceNum]["offsetFilter"],
    });
    sciChartSurfaceRef.current.renderableSeries.add(traceSeries.current[traceNum]["series"]);
}, []);

Updating data series:

UpdateSuspender.using(sciChartSurfaceRef.current, () => {
    console.time("Time - Update series");
    for (tnum=0; tnum<MAX_TRACE; tnum++) {
        traceObj = tracesInfoObj.current[tnum];
        if (traceSeries.current[tnum] && traceObj.status === "Active") {
            traceSeries.current[tnum]["xyDataSeries"].clear();
            switch (traceObj.type) {
                case 0:
                    traceSeries.current[tnum]["xyDataSeries"].appendRange(dataX, newSpecData);
                    break;
                case 1:
                    traceSeries.current[tnum]["xyDataSeries"].appendRange(dataX, newMaxHoldData);
                    break;
                case 2:
                    traceSeries.current[tnum]["xyDataSeries"].appendRange(dataX, newMinHoldData);
                    break;
                case 3:
                    traceSeries.current[tnum]["xyDataSeries"].appendRange(dataX, averageData);
                    break;
            }   
        }
    };
    console.timeEnd("Time - Update series");
});