profile-form-1

import ProfileForm1 from "@/components/profile-form-1";

<ProfileForm1 />

import ProfileForm1 from "@/components/profile-form-1";
import { formatUser } from "@/lib/format-user";
import { currentUser } from "@clerk/nextjs/server";

export default async function Page() {
  const user = await currentUser();

  if (!user) return;

  return <ProfileForm1 user={formatUser(user)} />;
}

"use client";

import ProfileForm1 from "@/components/profile-form-1";
import { useUser } from "@clerk/nextjs";

import { Spinner } from "@/components/ui/spinner";

export default function Page() {
  const { user, isLoaded } = useUser();

  if (!isLoaded) {
    return <Spinner />;
  }

  if (!user) return;

  return <ProfileForm1 user={user} />;
}