teMessages() {
        links.forEach((link) => {
          const sourceNode = nodes.find((n) => n.id === link.source);
          const targetNode = nodes.find((n) => n.id === link.target);

          // Create a path for the message to follow
          const pathData = linkGenerator({
            source: [sourceNode.x + 50, sourceNode.y],
            target: [targetNode.x - 50, targetNode.y],
          });

          const messagePath = svg
            .append("path")
            .attr("d", pathData)
      