From ac3a9a055c1a641c7722749ccb8d66202be1971d Mon Sep 17 00:00:00 2001
From: Edmund Hung <me@edmund.dev>
Date: Mon, 1 Apr 2024 17:53:17 +0200
Subject: [PATCH] feat: make useFormMetadata accept no formId (#560)

---
 packages/conform-react/hooks.ts        |  2 +-
 playground/app/routes/subscription.tsx | 19 ++++++++-----------
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/packages/conform-react/hooks.ts b/packages/conform-react/hooks.ts
index 64bf724c..24161525 100644
--- a/packages/conform-react/hooks.ts
+++ b/packages/conform-react/hooks.ts
@@ -103,7 +103,7 @@ export function useFormMetadata<
 	Schema extends Record<string, any>,
 	FormError = string[],
 >(
-	formId: FormId<Schema, FormError>,
+	formId?: FormId<Schema, FormError>,
 	options: {
 		defaultNoValidate?: boolean;
 	} = {},
diff --git a/playground/app/routes/subscription.tsx b/playground/app/routes/subscription.tsx
index c1a84422..1e13a10a 100644
--- a/playground/app/routes/subscription.tsx
+++ b/playground/app/routes/subscription.tsx
@@ -1,6 +1,5 @@
 import {
 	type FieldName,
-	type FormId,
 	type FieldMetadata,
 	type FormMetadata,
 	getFormProps,
@@ -72,13 +71,13 @@ export default function Example() {
 	const message = fields.message.name;
 	const description = (
 		<ul className="space-y-1 list-disc">
-			<FormMetadata strict={strict} formId={form.id} subject="initialValue" />
-			<FormMetadata strict={strict} formId={form.id} subject="value" />
-			<FormMetadata strict={strict} formId={form.id} subject="key" />
-			<FormMetadata strict={strict} formId={form.id} subject="dirty" />
-			<FormMetadata strict={strict} formId={form.id} subject="valid" />
-			<FormMetadata strict={strict} formId={form.id} subject="errors" />
-			<FormMetadata strict={strict} formId={form.id} subject="allErrors" />
+			<FormMetadata strict={strict} subject="initialValue" />
+			<FormMetadata strict={strict} subject="value" />
+			<FormMetadata strict={strict} subject="key" />
+			<FormMetadata strict={strict} subject="dirty" />
+			<FormMetadata strict={strict} subject="valid" />
+			<FormMetadata strict={strict} subject="errors" />
+			<FormMetadata strict={strict} subject="allErrors" />
 			<FieldMetadata strict={strict} name={name} subject="initialValue" />
 			<FieldMetadata strict={strict} name={name} subject="value" />
 			<FieldMetadata strict={strict} name={name} subject="key" />
@@ -153,16 +152,14 @@ const FieldMetadata = memo(function FieldMetadata({
 });
 
 const FormMetadata = memo(function FormMetadata({
-	formId,
 	subject,
 	strict,
 }: {
-	formId: FormId;
 	subject: keyof FormMetadata<Record<string, any>>;
 	strict: boolean;
 }) {
 	const renderCount = useRenderCount(strict);
-	const form = useFormMetadata(formId);
+	const form = useFormMetadata();
 
 	// eslint-disable-next-line no-console
 	console.log(`form.${subject}: ${JSON.stringify(form[subject])}`);