Update src/App.js

src/App.js

@@ -1,22 +1,27 @@
 import React, { useEffect, useState } from 'react';
 import ReactFlow from 'reactflow';
+
 import 'reactflow/dist/style.css';
-import './styles.css';
 
 const App = () => {
   const [elements, setElements] = useState([]);
 
   useEffect(() => {
-    fetch('http://localhost:5000/api/data')
-      .then(response => response.json())
-      .then(data => {
-        setElements(data.nodes.concat(data.edges));
-      })
-      .catch(error => console.error('Error:', error));
+    const fetchData = async () => {
+      try {
+        const response = await fetch("/api/data");
+        const data = await response.json();
+        setElements([...data.nodes, ...data.edges]);
+      } catch (error) {
+        console.error('Error fetching data:', error);
+      }
+    };
+
+    fetchData();
   }, []);
 
   return (
-    <div className="app">
+    <div style={{ width: '100vw', height: '100vh' }}>
       <ReactFlow elements={elements} />
     </div>
   );