fix: loosen stable metadata default schema types (#1221)

Co-authored-by: Subharup Nandi <Subharup-31@users.noreply.github.com>
Co-authored-by: Edmund Hung <edmund@cloudflare.com>

Author: Subharup-31

.changeset/stable-metadata-defaults.md

@@ -0,0 +1,5 @@
+---
+'@conform-to/react': patch
+---
+
+Fix stable metadata default schema types so typed metadata is assignable to the default metadata aliases.

packages/conform-react/context.tsx

@@ -64,7 +64,7 @@ export type Metadata<
 };
 
 export type FormMetadata<
-	Schema extends Record<string, unknown> = Record<string, unknown>,
+	Schema extends Record<string, unknown> = any,
 	FormError = string[],
 > = Omit<Metadata<Schema, Schema, FormError>, 'id'> &
 	Pick<FormContext<Schema, FormError>, Intent['type']> & {
@@ -106,7 +106,7 @@ type SubfieldMetadata<
 
 export type FieldMetadata<
 	Schema = unknown,
-	FormSchema extends Record<string, any> = Record<string, unknown>,
+	FormSchema extends Record<string, any> = any,
 	FormError = string[],
 > = Metadata<Schema, FormSchema, FormError> &
 	Constraint & { formId: FormId<FormSchema, FormError> } & SubfieldMetadata<

packages/conform-react/hooks.ts

@@ -96,7 +96,12 @@ export function useForm<
 	});
 	const stateSnapshot = useFormState(context, subjectRef);
 	const noValidate = useNoValidate(options.defaultNoValidate);
-	const form = getFormMetadata(context, subjectRef, stateSnapshot, noValidate);
+	const form = getFormMetadata<Schema, FormError, FormValue>(
+		context,
+		subjectRef,
+		stateSnapshot,
+		noValidate,
+	);
 
 	useEffect(() => {
 		context.runSideEffect(stateSnapshot.pendingIntents);
@@ -119,12 +124,17 @@ export function useFormMetadata<
 	const stateSnapshot = useFormState(context, subjectRef);
 	const noValidate = useNoValidate(options.defaultNoValidate);
 
-	return getFormMetadata(context, subjectRef, stateSnapshot, noValidate);
+	return getFormMetadata<Schema, FormError, unknown>(
+		context,
+		subjectRef,
+		stateSnapshot,
+		noValidate,
+	);
 }
 
 export function useField<
 	FieldSchema,
-	FormSchema extends Record<string, unknown> = Record<string, unknown>,
+	FormSchema extends Record<string, unknown> = any,
 	FormError = string[],
 >(
 	name: FieldName<FieldSchema, FormSchema, FormError>,
@@ -144,7 +154,12 @@ export function useField<
 		stateSnapshot,
 		name,
 	);
-	const form = getFormMetadata(context, subjectRef, stateSnapshot, false);
+	const form = getFormMetadata<FormSchema, FormError, unknown>(
+		context,
+		subjectRef,
+		stateSnapshot,
+		false,
+	);
 
 	return [field, form];
 }

playground/app/routes/typing.tsx

@@ -85,7 +85,6 @@ function isFieldMetadataType3<
 export default function Example() {
 	const [form, fields] = useForm<Schema>({});
 
-	// @ts-expect-error https://github.com/edmundhung/conform/issues/406
 	isFormMetadataType0(form);
 	isFormMetadataType1<Schema>(form);
 	isFormMetadataType2<Schema, string[]>(form);