Perfomance issues on zoom in VictoryLine

[vtarelkin]

Good day, trying to migrate from recharts and passing down the array of 6900 point of x and y like this

    const handleZoom = (domain) => {
        setSelectedDomain(domain);
    };
    const handleBrush = (domain) => {
        setZoomDomain(domain);
    };

    return (

            <VictoryChart
                width={550}
                height={300}
                containerComponent={
                    <VictoryZoomContainer
                        responsive={false}
                        zoomDimension="x"
                        zoomDomain={zoomDomain}
                        onZoomDomainChange={handleZoom}
                    />
                }
            >
                <VictoryLine
                    style={{
                        data: {stroke: "tomato"}
                    }}
                    data={data}
                    groupComponent={<g />}
                    x="x"
                    y="y0"
                />
            </VictoryChart>
        }
        </>
    )

and on zooming / moving everything is delayed. How can I remove it?

[pechea]

I experienced similar performance issue with zoom. after remove state change related code such as:
setSelectedDomain
zoomDomain={zoomDomain}
onZoomDomainChange={handleZoom}
the performance got much better. zoom actually work without storing the zoom state externally