Filter out undefined edges

RELEASE.md

@@ -5,6 +5,7 @@ Please follow the established format:
 - Use present tense (e.g. 'Add new feature')
 - Include the ID number for the related PR (or PRs) in parentheses
 -->
+
 ## Major features and improvements
 
 - Add support for displaying dataset statistics in the metadata panel. (#1472)
@@ -17,6 +18,7 @@ Please follow the established format:
 - Fix broken SVG/PNG exports in light theme. (#1463)
 - Fix dataset and global toolbar error with standalone React component (#1351)
 - Fix `ImportError` as kedro-datasets is now lazily loaded (#1481).
+- Fix the issue of encountering a blank page in Safari when interacting with the modular pipeline. (#1462)
 
 # Release 6.3.4
 

src/components/flowchart/draw.js

@@ -351,7 +351,10 @@ export const drawEdges = function (changed) {
   const updateEdges = this.el.edges;
   const enterEdges = this.el.edges.enter().append('g');
   const exitEdges = this.el.edges.exit();
-  const allEdges = this.el.edges.merge(enterEdges).merge(exitEdges);
+  const allEdges = this.el.edges
+    .merge(enterEdges)
+    .merge(exitEdges)
+    .filter((edge) => edge);
 
   if (changed('edges', 'focusMode', 'inputOutputDataNodes')) {
     enterEdges.append('path');