updates

Author: sebasptsch

apps/client/package.json

@@ -10,31 +10,32 @@
 	},
 	"dependencies": {
 		"@graphql-yoga/subscription": "^5.0.5",
-		"@hookform/resolvers": "^3.9.0",
+		"@hookform/resolvers": "^5.2.2",
 		"@tailwindcss/vite": "^4.1.16",
 		"@tanstack/react-query": "^5.90.5",
 		"@tanstack/react-query-devtools": "^5.90.2",
 		"@tanstack/react-router": "^1.133.25",
 		"@tanstack/react-router-devtools": "^1.133.25",
 		"@trpc/client": "^11.6.0",
 		"@trpc/tanstack-react-query": "^11.6.0",
-		"@types/qrcode": "^1.5.0",
+		"@types/qrcode": "^1.5.6",
 		"color-parse": "^2.0.2",
 		"daisyui": "^5.3.8",
-		"formik": "^2.2.9",
-		"qrcode": "^1.5.1",
+		"formik": "^2.4.6",
+		"qrcode": "^1.5.4",
 		"react": "^19.2.0",
 		"react-dom": "^19.2.0",
-		"react-hook-form": "^7.53.0",
+		"react-hook-form": "^7.65.0",
 		"server": "workspace:*",
 		"tailwind-merge": "^3.3.1",
 		"tailwindcss": "^4.1.16",
-		"use-breakpoint": "^3.0.3",
-		"zod-formik-adapter": "^1.1.1"
+		"use-breakpoint": "^4.0.10",
+		"zod": "^4.1.12",
+		"zod-formik-adapter": "^2.0.0"
 	},
 	"devDependencies": {
 		"@tanstack/router-plugin": "^1.133.25",
-		"@types/bun": "^1.3.0",
+		"@types/bun": "^1.3.1",
 		"@types/node": "^24.9.1",
 		"@vitejs/plugin-react": "^5.0.4",
 		"vite": "^7.1.12",

apps/client/src/hooks/useZodForm.ts

@@ -1,21 +1,21 @@
 import { zodResolver } from "@hookform/resolvers/zod";
-import { type UseFormProps, useForm } from "react-hook-form";
-import type { z } from "zod";
+import { type FieldValues, type UseFormProps, useForm } from "react-hook-form";
+import type { $ZodType, input, output } from "zod/v4/core";
 
-export default function useZodForm<TSchema extends z.ZodType>(
-	props: Omit<UseFormProps<TSchema["_input"]>, "resolver"> & {
-		schema: TSchema;
-	},
+export default function useZodForm<
+	Input extends FieldValues,
+	Output extends FieldValues,
+	T extends $ZodType<Input, Output>,
+>(
+	props: { schema: T } & Omit<
+		UseFormProps<input<T>, unknown, output<T>>,
+		"resolver"
+	>,
 ) {
-	const form = useForm<TSchema["_input"]>({
+	const form = useForm<input<T>, unknown, output<T>>({
 		...props,
 		resolver: zodResolver(props.schema, undefined),
 	});
 
 	return form;
-}
-
-export type ZodSubmitHandler<TSchema extends z.ZodType> = (
-	data: TSchema["_input"],
-	event?: React.BaseSyntheticEvent,
-) => void | Promise<void>;
+}

apps/client/src/routes/join.$roomId.tsx

@@ -16,11 +16,7 @@ export const Route = createFileRoute("/join/$roomId")({
 
 const schema = z.object({
 	email: z.string().email(),
-	location: z.enum<UserLocation, readonly [UserLocation, ...UserLocation[]]>([
-		"InPerson",
-		"Online",
-		"Proxy",
-	]),
+	location: z.enum(["InPerson", "Online", "Proxy"] as UserLocation[]),
 });
 
 type FormValues = TypeOf<typeof schema>;