diff --git a/src/App.tsx b/src/App.tsx
index 0d52eb2..3bf7777 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import {
   ReactFlow,
+  ReactFlowProvider,
   Controls,
   Background,
   MiniMap,
@@ -156,7 +157,8 @@ export default function App() {
         <ContextMenu>
           <ContextMenuTrigger asChild>
             <div style={{ width: '100%', height: '100%' }}>
-              <ReactFlow
+              <ReactFlowProvider initialNodes={nodes} initialEdges={edges} fitView>
+                <ReactFlow
                 nodes={nodes}
                 edges={edges}
                 onNodesChange={onNodesChange}
@@ -171,6 +173,7 @@ export default function App() {
                 <Controls />
                 <MiniMap />
               </ReactFlow>
+              </ReactFlowProvider>
             </div>
           </ContextMenuTrigger>