@conform-to/react 1.12.0 → 1.12.1

package/README.md

@@ -7,7 +7,7 @@
  ╚══════╝  ╚═════╝  ╚═╝  ╚══╝ ╚═╝        ╚═════╝  ╚═╝   ╚═╝ ╚═╝   ╚═╝
 ```
 
-Version 1.12.0 / License MIT / Copyright (c) 2025 Edmund Hung
+Version 1.12.1 / License MIT / Copyright (c) 2025 Edmund Hung
 
 Progressively enhance HTML forms with React. Build resilient, type-safe forms with no hassle using web standards.
 

package/dist/future/state.js

@@ -328,15 +328,23 @@ function getField(context, options) {
   if (typeof customize !== 'function') {
     return metadata;
   }
+  var customMetadata = null;
   return new Proxy(metadata, {
     get(target, prop, receiver) {
+      var _customMetadata;
       if (Reflect.has(target, prop)) {
         return Reflect.get(target, prop, receiver);
       }
-      var customMetadata = customize(metadata);
+      (_customMetadata = customMetadata) !== null && _customMetadata !== void 0 ? _customMetadata : customMetadata = customize(metadata);
       if (Reflect.has(customMetadata, prop)) {
         return Reflect.get(customMetadata, prop, receiver);
       }
+
+      // Allow React DevTools to inspect the object
+      // without throwing errors for internal properties
+      if (typeof prop === 'symbol' || prop === '$$typeof') {
+        return undefined;
+      }
       throw new Error("Property \"".concat(String(prop), "\" does not exist on field metadata. ") + "If you have defined the CustomMetadata interface to include \"".concat(String(prop), "\", make sure to also implement it through the \"defineCustomMetadata\" property on <FormOptionsProvider />."));
     }
   });

package/dist/future/state.mjs

@@ -324,15 +324,23 @@ function getField(context, options) {
   if (typeof customize !== 'function') {
     return metadata;
   }
+  var customMetadata = null;
   return new Proxy(metadata, {
     get(target, prop, receiver) {
+      var _customMetadata;
       if (Reflect.has(target, prop)) {
         return Reflect.get(target, prop, receiver);
       }
-      var customMetadata = customize(metadata);
+      (_customMetadata = customMetadata) !== null && _customMetadata !== void 0 ? _customMetadata : customMetadata = customize(metadata);
       if (Reflect.has(customMetadata, prop)) {
         return Reflect.get(customMetadata, prop, receiver);
       }
+
+      // Allow React DevTools to inspect the object
+      // without throwing errors for internal properties
+      if (typeof prop === 'symbol' || prop === '$$typeof') {
+        return undefined;
+      }
       throw new Error("Property \"".concat(String(prop), "\" does not exist on field metadata. ") + "If you have defined the CustomMetadata interface to include \"".concat(String(prop), "\", make sure to also implement it through the \"defineCustomMetadata\" property on <FormOptionsProvider />."));
     }
   });

package/dist/future/types.d.ts

@@ -64,9 +64,9 @@ export type UseFormDataOptions = {
      */
     acceptFiles?: boolean;
 };
-export type DefaultValue<FormShape> = FormShape extends Array<infer Item> | null | undefined ? Array<DefaultValue<Item>> | null | undefined : FormShape extends Record<string, any> | null | undefined ? {
+export type DefaultValue<FormShape> = FormShape extends Record<string, any> ? {
     [Key in keyof FormShape]?: DefaultValue<FormShape[Key]>;
-} | null | undefined : FormShape | string | null | undefined;
+} | null | undefined : FormShape extends Array<infer Item> ? Array<DefaultValue<Item>> | null | undefined : FormShape | string | null | undefined;
 export type FormState<ErrorShape extends BaseErrorShape = DefaultErrorShape> = {
     /** Unique identifier that changes on form reset to trigger reset side effects */
     resetKey: string;
@@ -117,7 +117,7 @@ export type GlobalFormOptions = {
      */
     defineCustomMetadata?: CustomMetadataDefinition;
 };
-export type FormOptions<FormShape, ErrorShape extends BaseErrorShape = string extends BaseErrorShape ? string : BaseErrorShape, Value = undefined> = {
+export type FormOptions<FormShape extends Record<string, any> = Record<string, any>, ErrorShape extends BaseErrorShape = string extends BaseErrorShape ? string : BaseErrorShape, Value = undefined> = {
     /** Optional form identifier. If not provided, a unique ID is automatically generated. */
     id?: string;
     /** Optional key for form state reset. When the key changes, the form resets to its initial state. */
@@ -207,11 +207,11 @@ export interface IntentDispatcher {
         /**
          * Specify the index of the item to update if the field is an array.
          */
-        index?: [FieldShape] extends [Array<any> | null | undefined] ? number : never;
+        index?: FieldShape extends Array<any> ? number : never;
         /**
          * The new value for the field or fieldset.
          */
-        value: Partial<FieldShape>;
+        value: DefaultValue<FieldShape>;
     }): void;
     /**
      * Insert a new item into an array field.
@@ -229,9 +229,7 @@ export interface IntentDispatcher {
         /**
          * The default value for the new item.
          */
-        defaultValue?: [FieldShape] extends [
-            Array<infer ItemShape> | null | undefined
-        ] ? Partial<ItemShape> : never;
+        defaultValue?: FieldShape extends Array<infer ItemShape> ? DefaultValue<ItemShape> : never;
     }): void;
     /**
      * Remove an item from an array field.

package/package.json

@@ -3,7 +3,7 @@
   "description": "Conform view adapter for react",
   "homepage": "https://conform.guide",
   "license": "MIT",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -41,7 +41,7 @@
     "url": "https://github.com/edmundhung/conform/issues"
   },
   "dependencies": {
-    "@conform-to/dom": "1.12.0"
+    "@conform-to/dom": "1.12.1"
   },
   "devDependencies": {
     "@babel/core": "^7.17.8",