frontend/app/page.js

"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>
  );
}