useField nullable support

a-type · Jul 19, 2024 · 3807414 · 3807414
1 parent 7a04f78
commit 3807414
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/.changeset/two-bikes-invite.md b/.changeset/two-bikes-invite.md
@@ -0,0 +1,5 @@
+---
+'@verdant-web/react': patch
+---
+
+Fix useField for nullable fields
diff --git a/packages/react/src/hooks.tsx b/packages/react/src/hooks.tsx
@@ -414,6 +414,12 @@ export function createHooks<Presence = any, Profile = any>(
 
 		const inputProps = useMemo(() => {
 			const fieldSchema = entity.getFieldSchema(key);
+			const fieldValue =
+				fieldSchema.type === 'boolean'
+					? key
+					: value === null || value === undefined
+					? ''
+					: `${value}`;
 			const props: HTMLProps<HTMLInputElement> = {
 				onChange: (e: ChangeEvent<HTMLInputElement>) => {
 					if (fieldSchema.type === 'number') {
@@ -447,11 +453,11 @@ export function createHooks<Presence = any, Profile = any>(
 				onBlur: () => {
 					client.sync.presence.setFieldId(undefined);
 				},
-				value: fieldSchema.type === 'boolean' ? key : value.toString(),
+				value: fieldValue,
 			};
 			if (fieldSchema.type === 'boolean') {
 				props.type = 'checkbox';
-				props.checked = value;
+				props.checked = !!value;
 			}
 			return props;
 		}, [value, setValue, client, entity]);