frontend/app/page.js

"use client";

import Daily from "@daily-co/daily-js";
import { DailyProvider } from "@daily-co/daily-react";

import { useEffect, useState } from "react";
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}>
      <div className="container flex align-center min-h-screen">
        <div className="self-center w-full">
          <Call />
        </div>
      </div>
    </DailyProvider>
  );
}