Fix(@rjsf/antd): Check for errors.length

CHANGELOG.md

@@ -272,6 +272,11 @@ should change the heading of the (upcoming) version to include a major version b
 - Added global `readonly` flag to the `Form` (https://github.com/rjsf-team/react-jsonschema-form/pull/2554)
 - Enable source maps in playground, for development (https://github.com/rjsf-team/react-jsonschema-form/pull/2568)
 
+# v3.1.1 (upcoming)
+
+## @rjsf/antd
+- Do not show errors if `extraErrors` has `[]` (https://github.com/rjsf-team/react-jsonschema-form/pull/2576).
+
 # v3.1.0
 
 ## @rjsf/core

packages/antd/src/templates/FieldTemplate/index.js

@@ -43,7 +43,7 @@ const FieldTemplate = ({
   const renderFieldErrors = () =>
     [...new Set(rawErrors)].map((error) => (
       <div key={`field-${id}-error-${error}`}>{error}</div>
-    ));
+    )); 
 
   return (
     <WrapIfAdditional
@@ -66,13 +66,13 @@ const FieldTemplate = ({
           colon={colon}
           extra={description}
           hasFeedback={schema.type !== "array" && schema.type !== "object"}
-          help={(!!rawHelp && help) || (!!rawErrors && renderFieldErrors())}
+          help={(!!rawHelp && help) || (!!rawErrors?.length && renderFieldErrors())}
           htmlFor={id}
           label={displayLabel && label}
           labelCol={labelCol}
           required={required}
           style={wrapperStyle}
-          validateStatus={rawErrors ? "error" : undefined}
+          validateStatus={rawErrors?.length ? 'error' : undefined}
           wrapperCol={wrapperCol}
         >
           {children}

packages/antd/test/EmptyErrorsArray.test.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+
+import '../__mocks__/matchMedia.mock';
+import Form from '../src';
+
+const { describe, expect, test } = global;
+
+describe("array fields", () => {
+  test("has errors", () => {
+    const schema = {
+      type: 'object',
+        properties: {
+          name: {
+            type: 'string',
+          }
+        }
+    };
+    const tree = renderer
+      .create(<Form schema={schema} extraErrors={{ name: { __errors: ["Bad input"] } }} />)
+      .toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  test("no errors", () => {
+    const schema = {
+      type: 'object',
+        properties: {
+          name: {
+            type: 'string',
+          }
+        }
+    };
+    const tree = renderer
+      .create(<Form schema={schema} />)
+      .toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  test("empty errors array", () => {
+    const schema = {
+      type: 'object',
+        properties: {
+          name: {
+            type: 'string',
+          }
+        }
+    };
+    const tree = renderer
+      .create(<Form schema={schema} extraErrors={{ name: { __errors: [] } }} />)
+      .toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+});