test deps

frontend/app/components/App.js

@@ -0,0 +1,22 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { DailyProvider } from "@daily-co/daily-react";
+import Daily from "@daily-co/daily-js";
+import Call from "./components/Call";
+
+export default function Home() {
+  const [daily, setDaily] = useState();
+
+  useEffect(() => {
+    if (daily) return;
+
+    setDaily(Daily.createCallObject());
+  }, [daily]);
+
+  return (
+    <DailyProvider callObject={daily}>
+      <Call />
+    </DailyProvider>
+  );
+}

frontend/app/page.js

@@ -1,9 +1,17 @@
 "use client";
 
+import App from "next/app";
 import { useEffect, useState } from "react";
 
 export default function Home() {
   const [daily, setDaily] = useState();
 
-  return <div>Test</div>;
+  useEffect(() => {
+    if (daily) return;
+
+    setDaily(Daily.createCallObject());
+  }, [daily]);
+
+  // Note: we have to embed an app here to avoid dependencies access window on build
+  return <App />;
 }