Puedo agregar un nodo dinámico, pero no puedo conectar el borde de forma predeterminada. Si agrego un nuevo nodo, necesito proporcionar el origen y el destino, ¿cómo proporciono el origen y el destino de un nodo dinámico?

 const initialNodes = [ { id: 'a', data: { label: 'Start' }, position: { x: 250, y: 25 }, style: { borderRadius: '50%', padding: '10px', color: 'white', backgroundColor: '#6ede87' } }, { id: 'z', data: { label: 'End' }, position: { x: 250, y: 700 }, style: { borderRadius: '50%', padding: '14px', color: 'white', backgroundColor: 'red' } }, ]; const initialEdges = [ { id: 'e1-2', source: edgeID, target: ++edgeID }, ] const [nodes, setNodes] = useState(initialNodes); const [edges, setEdges] = useState(initialEdges); //adding a new node : const newNode = { type:'selectorNode2', id, position: { x: Math.random() * 500, y: Math.random() * 500, }, data: { label: `${nameofNode}`, }, style: { background: typeofNode === 1 ? '#ff6700' : typeofNode === 2 ? '#ff0072' : typeofNode === 3 ? '#668de3' : '#fffff', color: '#ffff', border: '1px solid #222138', width: 180, borderRadius: typeofNode === 2 ? '50px' : '0px', }, };