Fixed an issue where options.errors were unsued

Author: agjs

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/use-ajv-form",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "description": "Custom React Hook that integrates with Ajv JSON Schema Validator",
   "main": "dist/use-ajv-form.es.js",
   "author": "Aleksandar Grbic",

src/index.ts

@@ -202,6 +202,27 @@ const useAJVForm = <T extends Record<string, any>>(
     [state],
   );
 
+  useEffect(() => {
+    if (!options?.errors || !options.errors.length) {
+      return;
+    }
+
+    setState((prevState) => {
+      const errors = getErrors(options.errors as ErrorObject[]);
+
+      return Object.keys(errors).reduce(
+        (updatedState, key) => ({
+          ...updatedState,
+          [key]: {
+            ...prevState[key],
+            error: errors[key],
+          },
+        }),
+        { ...prevState } as IState<T>,
+      );
+    });
+  }, [options?.errors]);
+
   useEffect(() => {
     if (
       !debouncedField ||

src/useAjvForm.test.tsx

@@ -911,3 +911,65 @@ describe('useAJVForm should properly set errors programmatically using setErrors
     expect(result.eventUrl.isRequired).toEqual(true);
   });
 });
+
+describe('useAJVForm with error handling', () => {
+  it('should set initial errors from options', () => {
+    const initialData = { title: '' };
+    const schema: JSONSchemaType<{ title: string }> = {
+      type: 'object',
+      required: ['title'],
+      properties: {
+        title: { type: 'string' },
+      },
+    };
+
+    const errors = [
+      {
+        instancePath: '/title',
+        keyword: 'required',
+        params: { missingProperty: 'title' },
+        schemaPath: '#/required',
+      },
+    ];
+
+    const { result } = renderHook(() => useAJVForm(initialData, schema, { errors }));
+
+    expect(result.current.state.title.error).toBe('title is required.');
+    expect(result.current.isValid).toBe(false);
+  });
+
+  it('should update errors when options.errors changes', () => {
+    const initialData = { title: '' };
+    const schema: JSONSchemaType<{ title: string }> = {
+      type: 'object',
+      required: ['title'],
+      properties: {
+        title: { type: 'string' },
+      },
+    };
+
+    const { result, rerender } = renderHook(
+      (props) => useAJVForm(initialData, schema, props),
+      { initialProps: {} },
+    );
+
+    expect(result.current.state.title.error).toBe('');
+
+    rerender({
+      errors: [
+        {
+          instancePath: '/title',
+          keyword: 'minLength',
+          params: { limit: 3 },
+          schemaPath: '#/properties/title/minLength',
+        },
+      ],
+    });
+
+    expect(result.current.state.title.error).toBe(
+      'Should be at least 3 characters long.',
+    );
+
+    expect(result.current.isValid).toBe(false);
+  });
+});