refactor: type EventForm with explicit EventFormValues

src/app/admin/events/event-form.tsx

@@ -16,7 +16,7 @@ import {
 } from "@/components/ui/select";
 import { Textarea } from "@/components/ui/textarea";
 import { useServerAction } from "@/hooks/use-server-action";
-import type { CreateEventInput } from "@/lib/validators/event";
+import type { CreateEventInput, UpdateEventInput } from "@/lib/validators/event";
 
 interface EventType {
 	id: number;
@@ -30,29 +30,41 @@ interface EventFormProps {
 	defaultValues?: Partial<CreateEventInput> & { id?: number };
 }
 
+interface EventFormValues {
+	title: string;
+	description: string;
+	image?: string | null;
+	maxPlayers?: string | null;
+	roomId?: string | null;
+	typeId: number;
+	status: string;
+	isRecurring: number;
+	startsAt?: Date | null;
+	endsAt?: Date | null;
+}
+
 export function EventForm({ eventTypes, defaultValues }: EventFormProps) {
 	const { run, isPending } = useServerAction();
 	const isEditing = !!defaultValues?.id;
 
-	const form = useForm({
+	const form = useForm<EventFormValues>({
 		defaultValues: {
 			title: "",
 			description: "",
-			typeId: eventTypes[0]?.id,
+			typeId: eventTypes[0]?.id ?? 0,
 			status: "draft",
 			isRecurring: 0,
 			...defaultValues,
 		},
 	});
 
-	// biome-ignore lint/suspicious/noExplicitAny: form values typed by useForm defaults; createEvent does its own zod validation
+	function onSubmit(data: EventFormValues) {
-	function onSubmit(data: any) {
 		if (isEditing && defaultValues?.id) {
-			run(() => updateEvent({ id: defaultValues.id!, ...data }), {
+			run(() => updateEvent({ id: defaultValues.id!, ...data } as UpdateEventInput), {
 				successMessage: "Event updated!",
 			});
 		} else {
-			run(() => createEvent(data), {
+			run(() => createEvent(data as CreateEventInput), {
 				successMessage: "Event created!",
 				onSuccess: (result) => {
 					const data = result.data as Record<string, unknown> | undefined;
@@ -116,9 +128,8 @@ export function EventForm({ eventTypes, defaultValues }: EventFormProps) {
 							<Label>Starts At</Label>
 							<DateTimePicker
 								value={form.watch("startsAt")}
-								// biome-ignore lint/suspicious/noExplicitAny: form value type inferred loose; runtime validated by zod on submit
 								onChange={(d) =>
-									form.setValue("startsAt", d as any, { shouldDirty: true })
+									form.setValue("startsAt", d, { shouldDirty: true })
 								}
 								placeholder="Select start date"
 							/>
@@ -127,9 +138,8 @@ export function EventForm({ eventTypes, defaultValues }: EventFormProps) {
 							<Label>Ends At</Label>
 							<DateTimePicker
 								value={form.watch("endsAt")}
-								// biome-ignore lint/suspicious/noExplicitAny: form value type inferred loose; runtime validated by zod on submit
 								onChange={(d) =>
-									form.setValue("endsAt", d as any, { shouldDirty: true })
+									form.setValue("endsAt", d, { shouldDirty: true })
 								}
 								placeholder="Select end date"
 							/>