From 6e6deae63302de3e3bd6a11dc05fdc4d4c08c0ee Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 26 May 2022 19:12:20 +0200
Subject: [PATCH] examples(useReactFlow): add addEdges

---
 example/src/UseReactFlow/index.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/example/src/UseReactFlow/index.tsx b/example/src/UseReactFlow/index.tsx
index bab82e2c..83cb6b33 100644
--- a/example/src/UseReactFlow/index.tsx
+++ b/example/src/UseReactFlow/index.tsx
@@ -1,4 +1,4 @@
-import { useCallback, MouseEvent } from 'react';
+import { useCallback, MouseEvent, useEffect } from 'react';
 
 import ReactFlow, {
   Node,
@@ -33,7 +33,7 @@ const UseZoomPanHelperFlow = () => {
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
   const onConnect = (params: Connection | Edge) => setEdges((eds) => addEdge(params, eds));
-  const { project, setCenter, zoomIn, zoomOut, fitView, addNodes, setNodes: setNodesHook } = useReactFlow();
+  const { project, setCenter, zoomIn, zoomOut, fitView, addNodes, setNodes: setNodesHook, addEdges } = useReactFlow();
 
   const onPaneClick = useCallback(
     (evt: MouseEvent) => {
@@ -72,6 +72,10 @@ const UseZoomPanHelperFlow = () => {
     addNodes(newNode);
   }, [addNodes]);
 
+  useEffect(() => {
+    addEdges({ id: 'e3-4', source: '3', target: '4' });
+  }, [addEdges]);
+
   const onResetNodes = useCallback(() => setNodesHook(initialNodes), [setNodesHook]);
 
   return (