fix(react): connectionline

packages/react/src/components/ConnectionLine/index.tsx

@@ -155,7 +155,7 @@ function ConnectionLineWrapper({ containerStyle, style, type, component }: Conne
       style={containerStyle}
       width={width}
       height={height}
-      className="react-flow__edges react-flow__connectionline react-flow__container"
+      className="react-flow__connectionline react-flow__container"
     >
       <g className={cc(['react-flow__connection', connectionStatus])}>
         <ConnectionLine

packages/react/src/container/EdgeRenderer/index.tsx

@@ -27,7 +27,7 @@ type EdgeRendererProps = Pick<
   | 'disableKeyboardA11y'
   | 'edgeTypes'
 > & {
-  children: ReactNode;
+  children?: ReactNode;
 };
 
 const selector = (s: ReactFlowState) => ({

packages/react/src/container/GraphView/index.tsx

@@ -165,14 +165,13 @@ const GraphView = ({
           noPanClassName={noPanClassName}
           disableKeyboardA11y={disableKeyboardA11y}
           rfId={rfId}
-        >
+        />
-          <ConnectionLine
+        <ConnectionLine
-            style={connectionLineStyle}
+          style={connectionLineStyle}
-            type={connectionLineType}
+          type={connectionLineType}
-            component={connectionLineComponent}
+          component={connectionLineComponent}
-            containerStyle={connectionLineContainerStyle}
+          containerStyle={connectionLineContainerStyle}
-          />
+        />
-        </EdgeRenderer>
         <div className="react-flow__edgelabel-renderer" />
         <div className="react-flow__viewport-portal" />
         <NodeRenderer