diff --git a/src/FlowEditor/container/index.tsx b/src/FlowEditor/container/index.tsx
index 7ce7ec4..717abdc 100644
--- a/src/FlowEditor/container/index.tsx
+++ b/src/FlowEditor/container/index.tsx
@@ -15,16 +15,6 @@ const FlowEditor = forwardRef<any, FlowEditorProps>(
       devtools,
       onNodesInit,
 
-      // edge change
-      // beforeEdgesChange,
-      // onEdgesChange,
-      // afterEdgeChange,
-
-      // node change
-      // beforeNodesChange,
-      // onNodesChange,
-      // afterNodesChange,
-
       // Connect
       beforeConnect,
       onConnect,
@@ -50,13 +40,7 @@ const FlowEditor = forwardRef<any, FlowEditorProps>(
             miniMap={miniMap}
             background={background}
             onNodesInit={onNodesInit}
-            // beforeNodesChange={beforeNodesChange}
-            // beforeEdgesChange={beforeEdgesChange}
             beforeConnect={beforeConnect}
-            // onEdgesChange={onEdgesChange}
-            // afterEdgeChange={afterEdgeChange}
-            // onNodesChange={onNodesChange}
-            // afterNodesChange={afterNodesChange}
             onConnect={onConnect}
             afterConnect={afterConnect}
             contextMenuEnabled={contextMenuEnabled}
diff --git a/src/FlowEditor/demos/index.tsx b/src/FlowEditor/demos/index.tsx
index d343c4c..f7379bd 100644
--- a/src/FlowEditor/demos/index.tsx
+++ b/src/FlowEditor/demos/index.tsx
@@ -73,36 +73,7 @@ const ProFlowDemo = () => {
 
   return (
     <div className={styles.container}>
-      <FlowEditor
-        nodeTypes={nodeTypes}
-        // onNodesChange done
-        // beforeNodesChange={(nodes) => {
-        //   console.log('beforeNodesChange', nodes);
-        //   return true;
-        // }}
-        // onNodesChange={(nodes) => {
-        //   console.log('onNodesChange', nodes);
-        // }}
-        // afterNodesChange={(nodes) => {
-        //   console.log('afterNodesChange', nodes);
-        // }}
-        // onFlattenNodesChange={(e) => {
-        //   console.log(e);
-        // }}
-
-        // onEdgesChange done
-        // beforeEdgesChange={(edges) => {
-        //   console.log('beforeEdgesChange', edges);
-        //   return true;
-        // }}
-
-        // afterEdgesChange={(edges) => {
-        //   console.log('afterEdgesChange', edges);
-        // }}
-        // onFlattenEdgesChange={(e) => {
-        //   console.log('flattenEdgesChange', e);
-        // }}
-      ></FlowEditor>
+      <FlowEditor nodeTypes={nodeTypes}></FlowEditor>
     </div>
   );
 };
diff --git a/src/FlowView/index.tsx b/src/FlowView/index.tsx
index 62ae343..c0d16ab 100644
--- a/src/FlowView/index.tsx
+++ b/src/FlowView/index.tsx
@@ -147,7 +147,6 @@ const FlowView: React.FC<Partial<FlowViewProps>> = (props) => {
   return (
     <>
       <ReactFlow
-        {...flowProps}
         ref={flowViewRef as any}
         className={cx(styles.container, className)}
         onNodeDragStart={handleNodeDragStart}
@@ -165,6 +164,7 @@ const FlowView: React.FC<Partial<FlowViewProps>> = (props) => {
         fitView
         minZoom={minZoom}
         maxZoom={maxZoom}
+        {...flowProps}
       >
         {miniMap && (
           <MiniMap