Fix Safari blank page when clicking on modular pipelines (#1488)

* Filter out undefined edges

Signed-off-by: Vladimir <vladimir_nikolic@external.mckinsey.com>

* Update RELEASE.md

---------

Signed-off-by: Vladimir <vladimir_nikolic@external.mckinsey.com>
Co-authored-by: Tynan DeBold <thdebold@gmail.com>

RELEASE.md

@@ -6,6 +6,7 @@ Please follow the established format:
 - Include the ID number for the related PR (or PRs) in parentheses
 -->
 
+
 # Release 6.3.5
 
 ## Major features and improvements
@@ -18,6 +19,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 issue of encountering a blank page in Safari when interacting with modular pipelines. (#1488)
 
 # 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');