feat(noderenderer): render child nodes

src/components/ConnectionLine/index.tsx

@@ -14,6 +14,7 @@ import {
   HandleType,
   ReactFlowState,
 } from '../../types';
+import { flattenNodes } from '../../utils/graph';
 
 interface ConnectionLineProps {
   connectionNodeId: ElementId;
@@ -28,7 +29,7 @@ interface ConnectionLineProps {
   CustomConnectionLineComponent?: ConnectionLineComponent;
 }
 
-const nodesSelector = (s: ReactFlowState) => s.nodes;
+const nodesSelector = (s: ReactFlowState) => flattenNodes(s.nodes);
 
 export default ({
   connectionNodeId,

src/components/Nodes/wrapNode.tsx

@@ -68,7 +68,7 @@ export default (NodeComponent: ComponentType<NodeComponentProps>) => {
         pointerEvents:
           isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave ? 'all' : 'none',
         // prevents jumping of nodes on start
-        opacity: isInitialized ? 1 : 0,
+        // opacity: isInitialized ? 1 : 0,
         ...style,
       }),
       [