@rjsf/core 6.7.1 → 6.10.0

package/lib/index.d.ts

@@ -1,15 +1,15 @@
-import type { FormProps, FormState, IChangeEvent } from './components/Form.js';
-import Form from './components/Form.js';
-import type { RichDescriptionProps } from './components/RichDescription.js';
-import RichDescription from './components/RichDescription.js';
-import type { RichHelpProps } from './components/RichHelp.js';
-import RichHelp from './components/RichHelp.js';
-import type { SchemaExamplesProps } from './components/SchemaExamples.js';
-import SchemaExamples from './components/SchemaExamples.js';
-import getDefaultRegistry from './getDefaultRegistry.js';
-import getTestRegistry from './getTestRegistry.js';
-import type { ThemeProps } from './withTheme.js';
-import withTheme from './withTheme.js';
+import type { FormProps, FormState, IChangeEvent } from './components/Form.tsx';
+import Form from './components/Form.tsx';
+import type { RichDescriptionProps } from './components/RichDescription.tsx';
+import RichDescription from './components/RichDescription.tsx';
+import type { RichHelpProps } from './components/RichHelp.tsx';
+import RichHelp from './components/RichHelp.tsx';
+import type { SchemaExamplesProps } from './components/SchemaExamples.tsx';
+import SchemaExamples from './components/SchemaExamples.tsx';
+import getDefaultRegistry from './getDefaultRegistry.ts';
+import getTestRegistry from './getTestRegistry.tsx';
+import type { ThemeProps } from './withTheme.tsx';
+import withTheme from './withTheme.tsx';
 export type { FormProps, FormState, IChangeEvent, ThemeProps, RichDescriptionProps, RichHelpProps, SchemaExamplesProps, };
 export { withTheme, getDefaultRegistry, getTestRegistry, RichDescription, RichHelp, SchemaExamples };
 export default Form;

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,YAAY,EACV,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,mBAAmB,GACpB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;AACrG,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,IAAI,MAAM,uBAAuB,CAAC;AACzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,eAAe,MAAM,kCAAkC,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,eAAe,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,YAAY,EACV,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,mBAAmB,GACpB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;AACrG,eAAe,IAAI,CAAC"}

package/lib/index.js

@@ -1,9 +1,10 @@
-import Form from './components/Form.js';
-import RichDescription from './components/RichDescription.js';
-import RichHelp from './components/RichHelp.js';
-import SchemaExamples from './components/SchemaExamples.js';
-import getDefaultRegistry from './getDefaultRegistry.js';
-import getTestRegistry from './getTestRegistry.js';
-import withTheme from './withTheme.js';
+import Form from "./components/Form.js";
+import RichDescription from "./components/RichDescription.js";
+import RichHelp from "./components/RichHelp.js";
+import SchemaExamples from "./components/SchemaExamples.js";
+import getDefaultRegistry from "./getDefaultRegistry.js";
+import getTestRegistry from "./getTestRegistry.js";
+import withTheme from "./withTheme.js";
 export { withTheme, getDefaultRegistry, getTestRegistry, RichDescription, RichHelp, SchemaExamples };
 export default Form;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,sBAAuB,CAAC;AAEzC,OAAO,eAAe,MAAM,iCAAkC,CAAC;AAE/D,OAAO,QAAQ,MAAM,0BAA2B,CAAC;AAEjD,OAAO,cAAc,MAAM,gCAAiC,CAAC;AAC7D,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,eAAe,MAAM,sBAAuB,CAAC;AAEpD,OAAO,SAAS,MAAM,gBAAiB,CAAC;AAYxC,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;AACrG,eAAe,IAAI,CAAC"}

package/lib/withTheme.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentType } from 'react';
 import type { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
-import type { FormProps } from './components/Form.js';
+import type { FormProps } from './components/Form.tsx';
 /** The properties for the `withTheme` function, essentially a subset of properties from the `FormProps` that can be
  * overridden while creating a theme
  */

package/lib/withTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withTheme.d.ts","sourceRoot":"","sources":["../src/withTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD;;GAEG;AACH,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,IAAI,IAAI,CAC9G,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAClB,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,sBAAsB,CAC5D,CAAC;AAEF,mHAAmH;AACnH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EACjH,UAAU,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAC9B,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CA8BnC"}
+{"version":3,"file":"withTheme.d.ts","sourceRoot":"","sources":["../src/withTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD;;GAEG;AACH,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,IAAI,IAAI,CAC9G,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAClB,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,sBAAsB,CAC5D,CAAC;AAEF,mHAAmH;AACnH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EACjH,UAAU,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAC9B,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CA8BnC"}

package/lib/withTheme.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import Form from './components/Form.js';
+import Form from "./components/Form.js";
 /** A Higher-Order component that creates a wrapper around a `Form` with the overrides from the `WithThemeProps` */
 export default function withTheme(themeProps) {
     // @ts-expect-error TS2322 because the latest types complain about LegacyRef's string form not working with Form
@@ -18,3 +18,4 @@ export default function withTheme(themeProps) {
         return (_jsx(Form, { ...themeProps, ...directProps, fields: fields, widgets: widgets, templates: templates, ref: ref }));
     });
 }
+//# sourceMappingURL=withTheme.js.map

package/lib/withTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTheme.js","sourceRoot":"","sources":["../src/withTheme.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,IAAI,MAAM,sBAAuB,CAAC;AAUzC,mHAAmH;AACnH,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,UAA+B;IAE/B,gHAAgH;IAChH,OAAO,UAAU,CACf,CACE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,WAAW,EAAsB,EAC1G,GAAgC,EAChC,EAAE;QACF,MAAM,MAAM,GAAG,EAAE,GAAG,UAAU,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC;QACxD,MAAM,OAAO,GAAG,EAAE,GAAG,UAAU,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,CAAC;QAC3D,MAAM,SAAS,GAAG;YAChB,GAAG,UAAU,EAAE,SAAS;YACxB,GAAG,aAAa;YAChB,eAAe,EAAE;gBACf,GAAG,UAAU,EAAE,SAAS,EAAE,eAAe;gBACzC,GAAG,aAAa,EAAE,eAAe;aAClC;SACF,CAAC;QAEF,OAAO,CACL,KAAC,IAAI,OACC,UAAU,KACV,WAAW,EACf,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;IACJ,CAAC,CACF,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rjsf/core",
-  "version": "6.7.1",
+  "version": "6.10.0",
   "description": "A simple React component capable of building HTML forms out of a JSON schema.",
   "lint-staged": {
     "{src,test}/**/*.{ts,tsx,js,jsx}": [
@@ -12,8 +12,10 @@
   "module": "lib/index.js",
   "typings": "lib/index.d.ts",
   "type": "module",
+  "sideEffects": false,
   "exports": {
     ".": {
+      "@rjsf/source": "./src/index.ts",
       "types": "./lib/index.d.ts",
       "require": "./dist/index.cjs",
       "import": "./lib/index.js"
@@ -50,26 +52,20 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "@rjsf/utils": "^6.7.1"
+    "@rjsf/utils": "^6.10.0"
   },
   "dependencies": {
-    "lodash": "^4.18.1",
-    "lodash-es": "^4.18.1",
-    "markdown-to-jsx": "^9.8.2",
-    "prop-types": "^15.8.1"
+    "markdown-to-jsx": "^9.8.2"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.6",
     "@types/json-schema": "^7.0.15",
-    "@types/react-portal": "^4.0.7",
     "ajv": "^8.20.0",
-    "atob": "^2.1.2",
-    "react-portal": "^4.3.0",
-    "@rjsf/snapshot-tests": "^6.7.1",
-    "@rjsf/utils": "^6.7.1",
-    "@rjsf/validator-ajv8": "^6.7.1"
+    "@rjsf/snapshot-tests": "^6.10.0",
+    "@rjsf/utils": "^6.10.0",
+    "@rjsf/validator-ajv8": "^6.10.0"
   },
   "directories": {
     "test": "test"
@@ -109,8 +105,7 @@
     }
   },
   "scripts": {
-    "compileReplacer": "tsc -p tsconfig.replacer.json && move-file lodashReplacer.js lodashReplacer.cjs",
-    "build:ts": "pnpm run compileReplacer && rimraf ./lib && tsc -b tsconfig.build.json && tsc-alias -p tsconfig.build.json",
+    "build:ts": "tsc -b",
     "build:cjs": "esbuild ./src/index.ts --bundle --outfile=dist/index.cjs --sourcemap --packages=external --format=cjs",
     "build:esm": "esbuild ./src/index.ts --bundle --outfile=dist/index.esm.js --sourcemap --packages=external --format=esm",
     "build:umd": "rollup dist/index.esm.js --format=umd --file=dist/core.umd.js --name=JSONSchemaForm",
@@ -121,7 +116,7 @@
     "precommit": "lint-staged",
     "publish-to-npm": "pnpm run build && pnpm publish",
     "test": "vitest run",
-    "test:debug": "node --inspect-brk ../../node_modules/.bin/jest",
+    "test:debug": "node --inspect-brk ../../node_modules/.bin/vitest --pool=forks",
     "test:update": "vitest run --update",
     "test:watch": "vitest",
     "test-coverage": "vitest run --coverage"

package/src/components/Form.tsx

@@ -7,6 +7,7 @@ import type {
   FieldPathId,
   FieldPathList,
   FormContextType,
+  GenericObjectType,
   PathSchema,
   StrictRJSFSchema,
   Registry,
@@ -25,6 +26,10 @@ import type {
   NameGeneratorFunction,
 } from '@rjsf/utils';
 import {
+  getByPath,
+  setByPath,
+  toPath,
+  unsetByPath,
   createSchemaUtils,
   deepEquals,
   ErrorSchemaBuilder,
@@ -51,16 +56,9 @@ import {
   ANY_OF_KEY,
   ONE_OF_KEY,
 } from '@rjsf/utils';
-import _cloneDeep from 'lodash/cloneDeep';
-import _get from 'lodash/get';
-import _isEmpty from 'lodash/isEmpty';
-import _pick from 'lodash/pick';
-import _set from 'lodash/set';
-import _toPath from 'lodash/toPath';
-import _unset from 'lodash/unset';
 
-import getDefaultRegistry from '../getDefaultRegistry';
-import { ADDITIONAL_PROPERTY_KEY_REMOVE, IS_RESET } from './constants';
+import getDefaultRegistry from '../getDefaultRegistry.ts';
+import { ADDITIONAL_PROPERTY_KEY_REMOVE, IS_RESET } from './constants.ts';
 
 /** Represents a boolean option that is deprecated.
  * @deprecated - In a future major release, this type will be removed
@@ -349,8 +347,16 @@ function toIChangeEvent<T = any, S extends StrictRJSFSchema = RJSFSchema, F exte
   state: FormState<T, S, F>,
   status?: IChangeEvent['status'],
 ): IChangeEvent<T, S, F> {
+  const { schema, uiSchema, fieldPathId, schemaUtils, formData, edit, errors, errorSchema } = state;
   return {
-    ..._pick(state, ['schema', 'uiSchema', 'fieldPathId', 'schemaUtils', 'formData', 'edit', 'errors', 'errorSchema']),
+    schema,
+    uiSchema,
+    fieldPathId,
+    schemaUtils,
+    formData,
+    edit,
+    errors,
+    errorSchema,
     ...(status !== undefined && { status }),
   };
 }
@@ -488,7 +494,9 @@ export default class Form<
         //  match one of the subSchemas, the retrieved schema must be updated.
         isSchemaChanged || isFormDataChanged ? undefined : this.state.retrievedSchema,
         isSchemaChanged,
-        formDataChangedFields,
+        // Only the error clearing needs the path of each changed field, and it runs only when live validation does
+        // not, so the walk that produces them is left for `getStateFromProps` to ask for
+        () => getChangedFields(this.props.formData, prevProps.formData, true),
         // Skip live validation for this request if no form data has changed from the last state
         !isStateDataChanged,
       );
@@ -545,7 +553,8 @@ export default class Form<
    * @param inputFormData - The new or current data for the `Form`
    * @param retrievedSchema - An expanded schema, if not provided, it will be retrieved from the `schema` and `formData`.
    * @param [isSchemaChanged=false] - A flag indicating whether the schema has changed.
-   * @param [formDataChangedFields=[]] - The changed fields of `formData`
+   * @param [getFormDataChangedFields=() => []] - Optional function returning the path of each `formData` field that
+   *          changed, only called when those paths are needed, which is when live validation is not going to run
    * @param [skipLiveValidate=false] - Optional flag, if true, means that we are not running live validation
    * @param [shouldSanitize=false] - Optional flag, if true, means that we should attempt to sanitize formData
    * @returns - The new state for the `Form`
@@ -555,7 +564,7 @@ export default class Form<
     inputFormData?: T,
     retrievedSchema?: S,
     isSchemaChanged = false,
-    formDataChangedFields: string[] = [],
+    getFormDataChangedFields: () => string[] = () => [],
     skipLiveValidate = false,
     shouldSanitize = false,
   ): FormState<T, S, F> {
@@ -691,17 +700,31 @@ export default class Form<
       errors = currentErrors.errors;
       errorSchema = currentErrors.errorSchema;
       // We only update the error schema for changed fields if mustValidate is false
-      if (formDataChangedFields.length > 0 && !mustValidate) {
-        const newErrorSchema = formDataChangedFields.reduce<Record<string, undefined>>((acc, key) => {
-          acc[key] = undefined;
-          return acc;
-        }, {});
-        schemaValidationErrorSchema = mergeObjects(
-          currentErrors.errorSchema,
-          newErrorSchema,
-          'preventDuplicates',
-        ) as ErrorSchema<T>;
-        errorSchema = schemaValidationErrorSchema;
+      if (!mustValidate) {
+        const formDataChangedFields = getFormDataChangedFields();
+        if (formDataChangedFields.length > 0) {
+          // `formDataChangedFields` carries the path of each field that changed, so clearing has to follow that path
+          // instead of dropping the whole branch it starts in. The path is split with `toPath()`, the same way
+          // `toErrorSchema()` splits a validation error property, so the two address the same entry. Intermediate
+          // objects are forced so the numeric segment of an array item stays an object key, which is how an
+          // `ErrorSchema` addresses array items.
+          const newErrorSchema = formDataChangedFields.reduce<GenericObjectType>((acc, path) => {
+            const pathOfField = toPath(path);
+            // Every container holding the field changed along with it, so an error of their own, such as the
+            // `uniqueItems` of the array the field sits in, is cleared too. Only their own errors go: the other
+            // fields they hold did not change and keep theirs.
+            for (let i = 1; i < pathOfField.length; i++) {
+              setByPath(acc, [...pathOfField.slice(0, i), ERRORS_KEY], undefined, true);
+            }
+            return setByPath(acc, pathOfField, undefined, true);
+          }, {});
+          schemaValidationErrorSchema = mergeObjects(
+            currentErrors.errorSchema,
+            newErrorSchema,
+            'preventDuplicates',
+          ) as ErrorSchema<T>;
+          errorSchema = schemaValidationErrorSchema;
+        }
       }
       const mergedErrors = Form.mergeErrors<T>({ errorSchema, errors }, props.extraErrors, state.customErrors);
       errors = mergedErrors.errors;
@@ -951,7 +974,7 @@ export default class Form<
     const rootPathId = fieldPathId.path[0] || '';
 
     const isRootPath = !path || path.length === 0 || (path.length === 1 && path[0] === rootPathId);
-    let formData = isRootPath ? newValue : _cloneDeep(oldFormData);
+    let formData = isRootPath ? newValue : structuredClone(oldFormData);
 
     // When switching from null to an object option in oneOf, MultiSchemaField sends
     // an object with property names but undefined values (e.g., {types: undefined, content: undefined}).
@@ -974,7 +997,7 @@ export default class Form<
 
       if (newValue === ADDITIONAL_PROPERTY_KEY_REMOVE) {
         // For additional properties, this key was explicitly removed, so unset it
-        _unset(formData, path);
+        unsetByPath(formData, path);
       } else if (!isRootPath) {
         // Set the new value at its path in the form data.
         let valueForPath: T | null | undefined = newValue;
@@ -998,9 +1021,9 @@ export default class Form<
         }
 
         if (plainLeafWasCleared) {
-          _set(formData, path, undefined);
+          setByPath(formData, path, undefined);
         } else {
-          _set(formData, path, valueForPath);
+          setByPath(formData, path, valueForPath);
         }
       }
       const shouldSanitize =
@@ -1024,7 +1047,7 @@ export default class Form<
       // formData copy passed to AJV via JSON.parse(JSON.stringify(...)) so the validator never
       // sees { [key]: undefined } for type:"string" or patternProperties fields (#4518).
       if (plainLeafWasCleared && formData) {
-        _set(formData, path, undefined);
+        setByPath(formData, path, undefined);
       }
     }
 
@@ -1040,15 +1063,17 @@ export default class Form<
 
     if (newErrorSchema) {
       // First check to see if there is an existing validation error on this path...
-      // @ts-expect-error TS2590, because getting from the error schema is confusing TS
-      const oldValidationError = !isRootPath ? _get(schemaValidationErrorSchema, path) : schemaValidationErrorSchema;
+      const oldValidationError = !isRootPath
+        ? getByPath(schemaValidationErrorSchema, path)
+        : schemaValidationErrorSchema;
       // If there is an old validation error for this path, assume we are updating it directly
-      if (!_isEmpty(oldValidationError)) {
+      if (oldValidationError && Object.keys(oldValidationError).length > 0) {
         // Apply the user-supplied newErrorSchema onto a clone of the AJV-only base, so that
         // mergeErrors below sees the user's error at this path without mutating shared state.
         if (!isRootPath) {
-          mergeBaseErrorSchema = _cloneDeep(schemaValidationErrorSchema);
-          _set(mergeBaseErrorSchema, path, newErrorSchema);
+          mergeBaseErrorSchema = structuredClone(schemaValidationErrorSchema);
+          // An `ErrorSchema` nests plain objects even at numeric segments, so never auto-vivify arrays
+          setByPath(mergeBaseErrorSchema, path, newErrorSchema, true);
         } else {
           mergeBaseErrorSchema = newErrorSchema;
         }
@@ -1057,16 +1082,17 @@ export default class Form<
           customErrors = new ErrorSchemaBuilder<T>();
         }
         if (isRootPath) {
-          const pathErrors = _get(newErrorSchema, ERRORS_KEY);
+          const pathErrors = newErrorSchema[ERRORS_KEY];
           if (pathErrors) {
             // only set errors when there are some
             customErrors.setErrors(pathErrors);
           }
         } else {
-          _set(customErrors.ErrorSchema, path, newErrorSchema);
+          // An `ErrorSchema` nests plain objects even at numeric segments, so never auto-vivify arrays
+          setByPath(customErrors.ErrorSchema, path, newErrorSchema, true);
         }
       }
-    } else if (customErrors && _get(customErrors.ErrorSchema, [...path, ERRORS_KEY])) {
+    } else if (customErrors && getByPath(customErrors.ErrorSchema, [...path, ERRORS_KEY])) {
       // If we have custom errors and the path has an error, then we need to clear it
       customErrors.clearErrors(path);
     }
@@ -1186,8 +1212,8 @@ export default class Form<
         // Filter out `schemaValidationErrors` and `schemaValidationErrorSchema` since they aren't IChangeEvent props
         .filter((key) => !key.startsWith('schemaValidation'))
         .some((key) => {
-          const oldData = _get(this.state, key);
-          const newData = _get(state, key);
+          const oldData = this.state[key as keyof FormState<T, S, F>];
+          const newData = state[key as keyof FormState<T, S, F>];
           return !deepEquals(oldData, newData);
         });
       this.setState(state as FormState<T, S, F>, () => {
@@ -1338,14 +1364,9 @@ export default class Form<
   focusOnError(error: RJSFValidationError) {
     const { idPrefix = 'root', idSeparator = '_' } = this.props;
     const { property } = error;
-    const path = _toPath(property);
-    if (path[0] === '') {
-      // Most of the time the `.foo` property results in the first element being empty, so replace it with the idPrefix
-      path[0] = idPrefix;
-    } else {
-      // Otherwise insert the idPrefix into the first location using unshift
-      path.unshift(idPrefix);
-    }
+    const path = toPath(property ?? '');
+    // The id of the root element is the idPrefix, so prepend it to the path
+    path.unshift(idPrefix);
 
     const elementId = path.join(idSeparator);
     let field = this.formElement.current.elements[elementId];

package/src/components/fields/ArrayField.tsx

@@ -14,6 +14,7 @@ import type {
   UIOptionsType,
 } from '@rjsf/utils';
 import {
+  setByPath,
   allowAdditionalItems,
   getTemplate,
   getUiOptions,
@@ -22,6 +23,7 @@ import {
   isCustomWidget,
   isFixedItems,
   isFormDataAvailable,
+  isObject,
   optionsList,
   shouldRenderOptionalField,
   toFieldPathId,
@@ -30,10 +32,6 @@ import {
   ID_KEY,
   TranslatableString,
 } from '@rjsf/utils';
-import cloneDeep from 'lodash/cloneDeep';
-import isObject from 'lodash/isObject';
-import set from 'lodash/set';
-import uniqueId from 'lodash/uniqueId';
 
 /** Type used to represent the keyed form data used in the state */
 interface KeyedFormDataType<T> {
@@ -42,8 +40,11 @@ interface KeyedFormDataType<T> {
 }
 
 /** Used to generate a unique ID for an element in a row */
+let rowIdCounter = 0;
+
 function generateRowId() {
-  return uniqueId('rjsf-array-item-');
+  rowIdCounter += 1;
+  return `rjsf-array-item-${rowIdCounter}`;
 }
 
 /** Converts the `formData` into `KeyedFormDataType` data, using the `generateRowId()` function to create the key
@@ -710,10 +711,7 @@ function FixedArray<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends
   const { OptionalDataControlsField } = fields;
   const renderOptionalField = shouldRenderOptionalField<T[], S, F>(registry, schema, required, uiSchema);
   const hasFormData = isFormDataAvailable<T[]>(formData);
-  const schemaItems: S[] = useMemo(
-    () => (isObject(schema.items) ? (schema.items as S[]) : ([] as S[])),
-    [schema.items],
-  );
+  const schemaItems = useMemo<S[]>(() => (Array.isArray(schema.items) ? (schema.items as S[]) : []), [schema.items]);
   const hasAdditionalItems = isObject(schema.additionalItems);
   // All the children will use childFieldPathId if present in the props, falling back to the fieldPathId
   const childFieldPathId = props.childFieldPathId ?? fieldPathId;
@@ -903,9 +901,9 @@ export default function ArrayField<T = any, S extends StrictRJSFSchema = RJSFSch
         for (const idx of Object.keys(errorSchemaRef.current)) {
           const i = parseInt(idx, 10);
           if (index === undefined || i < index) {
-            set(newErrorSchema, [i], errorSchemaRef.current[i]);
+            setByPath(newErrorSchema, i, errorSchemaRef.current[i]);
           } else if (i >= index) {
-            set(newErrorSchema, [i + 1], errorSchemaRef.current[i]);
+            setByPath(newErrorSchema, i + 1, errorSchemaRef.current[i]);
           }
         }
       }
@@ -943,16 +941,16 @@ export default function ArrayField<T = any, S extends StrictRJSFSchema = RJSFSch
         for (const idx of Object.keys(errorSchemaRef.current)) {
           const i = parseInt(idx, 10);
           if (i <= index) {
-            set(newErrorSchema, [i], errorSchemaRef.current[i]);
+            setByPath(newErrorSchema, i, errorSchemaRef.current[i]);
           } else if (i > index) {
-            set(newErrorSchema, [i + 1], errorSchemaRef.current[i]);
+            setByPath(newErrorSchema, i + 1, errorSchemaRef.current[i]);
           }
         }
       }
 
       const newKeyedFormDataRow: KeyedFormDataType<T> = {
         key: generateRowId(),
-        item: cloneDeep(keyedFormDataRef.current[index].item),
+        item: structuredClone(keyedFormDataRef.current[index].item),
       };
       const newKeyedFormData = [...keyedFormDataRef.current];
       if (index !== undefined) {
@@ -983,9 +981,9 @@ export default function ArrayField<T = any, S extends StrictRJSFSchema = RJSFSch
         for (const idx of Object.keys(errorSchemaRef.current)) {
           const i = parseInt(idx, 10);
           if (i < index) {
-            set(newErrorSchema, [i], errorSchemaRef.current[i]);
+            setByPath(newErrorSchema, i, errorSchemaRef.current[i]);
           } else if (i > index) {
-            set(newErrorSchema, [i - 1], errorSchemaRef.current[i]);
+            setByPath(newErrorSchema, i - 1, errorSchemaRef.current[i]);
           }
         }
       }
@@ -1014,11 +1012,11 @@ export default function ArrayField<T = any, S extends StrictRJSFSchema = RJSFSch
         for (const idx of Object.keys(errorSchemaRef.current)) {
           const i = parseInt(idx, 10);
           if (i === index) {
-            set(newErrorSchema, [newIndex], errorSchemaRef.current[index]);
+            setByPath(newErrorSchema, newIndex, errorSchemaRef.current[index]);
           } else if (i === newIndex) {
-            set(newErrorSchema, [index], errorSchemaRef.current[newIndex]);
+            setByPath(newErrorSchema, index, errorSchemaRef.current[newIndex]);
           } else {
-            set(newErrorSchema, [idx], errorSchemaRef.current[i]);
+            setByPath(newErrorSchema, idx, errorSchemaRef.current[i]);
           }
         }
       }

package/src/components/fields/BooleanField.tsx

@@ -7,8 +7,7 @@ import type {
   RJSFSchema,
   StrictRJSFSchema,
 } from '@rjsf/utils';
-import { getWidget, getUiOptions, optionsList, TranslatableString } from '@rjsf/utils';
-import isObject from 'lodash/isObject';
+import { getWidget, getUiOptions, isObject, optionsList, TranslatableString } from '@rjsf/utils';
 
 /** The `BooleanField` component is used to render a field in the schema is boolean. It constructs `enumOptions` for the
  * two boolean values based on the various alternatives in the schema.