ts

Author: ameer2468

apps/web/app/(org)/onboarding/components/OrganizationSetupPage.tsx

@@ -1,21 +1,25 @@
 "use client";
 
+import type { users } from "@cap/database/schema";
 import { Button, Input } from "@cap/ui";
 import { faImage } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Effect } from "effect";
 import Image from "next/image";
 import { useRouter } from "next/navigation";
-import type { User } from "next-auth";
 import { startTransition, useRef, useState } from "react";
 import { toast } from "sonner";
 import { useEffectMutation } from "@/lib/EffectRuntime";
 import { withRpc } from "@/lib/Rpcs";
 import { Base } from "./Base";
 
-export function OrganizationSetupPage({ user }: { user: User }) {
+export function OrganizationSetupPage({
+	user,
+}: {
+	user: typeof users.$inferSelect | null;
+}) {
 	const [organizationName, setOrganizationName] = useState(
-		`${user.name}'s organization` || "",
+		user ? `${user.name}'s organization` : "",
 	);
 	const [selectedFile, setSelectedFile] = useState<File | null>(null);
 	const fileInputRef = useRef<HTMLInputElement>(null);