organization-form-1

import OrganizationForm1 from "@/components/organization-form-1";

<OrganizationForm1 />

import OrganizationForm1 from "@/components/organization-form-1";
import { formatOrganization } from "@/registry/lib/format-organization";
import { auth, clerkClient } from "@clerk/nextjs/server";

export default async function Page() {
  const { isAuthenticated, orgId } = await auth();

  const client = await clerkClient();

  if (!isAuthenticated || !orgId) return;

  const organization = await client.organizations.getOrganization({
    organizationId: orgId,
  });

  return <OrganizationForm1 organization={formatOrganization(organization)} />;
}

"use client";

import OrganizationForm1 from "@/components/organization-form-1";
import { useOrganization } from "@clerk/nextjs";

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

export default function Page() {
  const { organization, isLoaded } = useOrganization();

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

  if (!organization) return;

  return <OrganizationForm1 organization={organization} />;
}