page.tsx

I know that the "use server" is unnecessary on a page, but I get a different error otherwise. Also note that this is in a parallel route app/(layout)/profile/(modal)/@dialog/(.)group/create/page.tsx.

"use server"

import GroupForm from "@/components/app/GroupForm";
import { DialogContent, DialogTitle } from "@/components/ui/dialog";
import RoutedDialog from "@/components/ui/routed-dialog";
import { createGroup } from "@/lib/actions/group";
import { getCurrentUser } from "@/lib/utils";
import { revalidatePath, revalidateTag } from "next/cache";
import { redirect } from "next/navigation";

export default async function Group() {
  const { session } = await getCurrentUser();

  async function createGroupAndRevalidate(formData: FormData) {
    "use server"
    const group = createGroup(formData, session.user.id);
    revalidatePath("/profile");
    revalidatePath("/overview");
    return redirect("/profile");
  }

  return (
    <RoutedDialog defaultOpen>
      <DialogContent>
        <DialogTitle>Create a Group</DialogTitle>
        <GroupForm action={createGroupAndRevalidate} />
      </DialogContent>
    </RoutedDialog>
  );
}