user-dropdown-2

import UserDropdown2 from "@/components/user-dropdown-2";

<UserDropdown2 />

import UserDropdown2 from "@/components/user-dropdown-2";
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 <UserDropdown2 user={formatUser(user)} />;
}

"use client";

import UserDropdown2 from "@/components/user-dropdown-2";
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 <UserDropdown2 user={user} />;
}