Bump versions, dont use app dir

package.json

@@ -17,5 +17,8 @@
   "devDependencies": {
     "kill-port": "^2.0.1",
     "turbo": "^1.10.12"
+  },
+  "dependencies": {
+    "reactflow": "^11.8.1"
   }
 }

packages/client/src/pages/index.tsx

@@ -0,0 +1,10 @@
+"use client";
+
+import { DataStory } from "@data-story/ui";
+import '@data-story/ui/dist/data-story.css';
+
+export default function Home() {
+  return <main className="h-screen">
+    <DataStory />
+  </main>;
+}

packages/client/src/app/tinker/page.tsx → packages/client/src/pages/tinker.tsx

@@ -4,14 +4,6 @@ import { ConsoleLog, Application, DiagramBuilder, Merge, Signal, Updates, Sample
 import { DataStory } from "@data-story/ui";
 import '@data-story/ui/dist/data-story.css';
 
-// TODO: Until warnings are fixed
-// This could not be resolved by downgrading to zustand: 4.3.9
-let originalWarn = console.warn.bind(console);
-console.warn = (message, ...optionalParams) => {
-  if (message.includes('zustand')) return;
-  originalWarn(message, ...optionalParams);
-}
-
 export default function Home() {
   const app = new Application();
 
@@ -47,18 +39,16 @@ export default function Home() {
     .get()
 
   return <div className="h-screen">
-    <div className="h-screen">
+    <div style={{ height: 400 }}>
       <DataStory
         server={{ type: 'JS', app }}
         diagram={diagram}
-        callback={(options: any) => setTimeout(options.run, 100)}
       />
     </div>
-    <div className="h-screen">
+    <div style={{ height: 400 }}>
       <DataStory
         server={{ type: 'JS', app }}
         diagram={diagram}
-        callback={(options: any) => setTimeout(options.run, 100)}
       />
     </div>    
   </div>

packages/ui/package.json

@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@data-story/core": "*",
-    "reactflow": "^11.7.4"
+    "reactflow": "^11.8.1"
   },
   "devDependencies": {
     "@types/glob": "^8.1.0",