diff --git a/app/components/flow.tsx b/app/components/flow.tsx
index 53b4ad46..74f63f2f 100644
--- a/app/components/flow.tsx
+++ b/app/components/flow.tsx
@@ -57,8 +57,14 @@ export default function Flow() {
           throw new Error('Failed to fetch tasks');
         }
         const data = await response.json();
-        setTasks(data);
+        if (data.tasks && Array.isArray(data.tasks)) {
+          setTasks(data.tasks);
+        } else {
+          console.error('Invalid tasks data format:', data);
+          setError('Invalid tasks data format');
+        }
       } catch (err) {
+        console.error('Error fetching tasks:', err);
         setError(err instanceof Error ? err.message : 'An error occurred');
       } finally {
         setLoading(false);
@@ -76,6 +82,10 @@ export default function Flow() {
     return <div>Error: {error}</div>;
   }
 
+  if (tasks.length === 0) {
+    return <div>No tasks found</div>;
+  }
+
   return (
     <div className="grid grid-cols-1 gap-4">
       {tasks.map((task) => (