Node Drag behaviour affected by chrome developer console - d3.Force layout about xyflow HOT 2 CLOSED

    const draggingNodeRef = useRef<Node | undefined>(undefined);
    const {dispatchWithoutListen} = useGlobalDispatch(draggingNodeKey);

    useEffect(() => {
        dispatchWithoutListen(draggingNodeRef)
    }, [draggingNodeRef, dispatchWithoutListen])

    const handleDragStart = useCallback(
        (event: ReactMouseEvent, node: Node, nodes: Node[]) => {


            draggingNodeRef.current = {...node}
    }, [draggingNodeRef])

    const handleDragStop = useCallback(
        (event: ReactMouseEvent, node: Node, nodes: Node[]) => {
        console.log(node, nodes)

            draggingNodeRef.current = undefined
    }, [draggingNodeRef])

    const handleDrag = useCallback(
        (event: ReactMouseEvent, node: Node, nodes: Node[]) => {
        console.log(node, nodes)
            draggingNodeRef.current = {...node}
    }, [draggingNodeRef])

    useEffect(() => {
        setNodes(initialNodes as FlowNode[])
        setEdges(initialEdges as FlowEdge[])
    }, [initialNodes, initialEdges, setEdges, setNodes])

    return (

        <ReactFlow
            nodes={nodes}
            edges={edges}
            onNodesChange={onNodesChange}
            onEdgesChange={onEdgesChange}
            fitView
            onNodeDragStart={handleDragStart}
            onNodeDrag={handleDrag}
            onNodeDragStop={handleDragStop}
        >{children}

            simulation = simRef.current
            const scopedNodes = nodeListRef.current;

            let foundDrag = false
            for (let i = 0; i < scopedNodes.length; i++){
                const node = scopedNodes[i];

                const dragging = draggingNode?.current?.id === node?.id
                // Setting the fx/fy properties of a node tells the simulation to "fix"
                // the node at that position and ignore any forces that would normally
                // cause it to move.

                if (dragging) {
                    foundDrag = true
                    nodeIndex = i
                    // Copy the current position from the ref
                    node.fx = draggingNode?.current.position.x;
                    node.fy = draggingNode?.current.position.y;
                } else if (node) {
                   delete node.fx
                    delete node.fy
                }
            }