Fix 4357 - Properly catch and throw the error encountered while compiling bad schema

Fixed #4357 by properly catching the error caused by trying to compile a bad schema in the validator
- Updated `validator.ts` to move the `this.ajv.getSchema()` call inside of the try/catch to deal with bad schemas properly
- Updated the `RawValidatorTest.tsx` component to add a replacer function to the `JSON.stringify()` function to properly output the `validationError`
- Updated `CHANGELOG.md` accordingly

Author: heath-freenome

CHANGELOG.md

@@ -65,12 +65,14 @@ should change the heading of the (upcoming) version to include a major version b
 ## @rjsf/validator-ajv8
 
 - Updated `transformRJSFValidationErrors()` to include the `title` property of a field with error fixing #4504 with [PR](https://github.com/rjsf-team/react-jsonschema-form/pull/4700)
+- Updated `AJVValidator` to handle the attempted compile of a bad schema, fixing [#4357](https://github.com/rjsf-team/react-jsonschema-form/issues/4357)
 
 ## Dev / docs / playground
 
-- Added comprehensive documentation for dynamic UI schema feature with TypeScript examples ([#4706](https://github.com/rjsf-team/react-jsonschema-form/pull/4706))
-- Updated array documentation to reference the new dynamic UI schema capabilities ([#4706](https://github.com/rjsf-team/react-jsonschema-form/pull/4706))
+- Added comprehensive documentation for dynamic UI schema feature with TypeScript examples [#4706](https://github.com/rjsf-team/react-jsonschema-form/pull/4706)
+- Updated array documentation to reference the new dynamic UI schema capabilities [#4706](https://github.com/rjsf-team/react-jsonschema-form/pull/4706)
 - Updated nearly all of the libraries in the `package.json` files to the latest non-breaking versions
+- Updated the playground to properly output the `validationError` when running `Raw Validate` 
 
 # 6.0.0-beta.13
 

packages/playground/src/components/RawValidatorTest.tsx

@@ -16,7 +16,20 @@ export default function RawValidatorTest({ validator, schema, formData }: RawVal
   if (rawValidation) {
     displayErrors =
       rawValidation.errors || rawValidation.validationError
-        ? JSON.stringify(rawValidation, null, 2)
+        ? JSON.stringify(
+            rawValidation,
+            (_, value: any) => {
+              if (value instanceof Error) {
+                return {
+                  name: value.name,
+                  message: value.message,
+                  stack: value.stack,
+                };
+              }
+              return value;
+            },
+            2,
+          )
         : 'No AJV errors encountered';
   }
   return (

packages/validator-ajv8/src/validator.ts

@@ -62,10 +62,10 @@ export default class AJV8Validator<T = any, S extends StrictRJSFSchema = RJSFSch
   rawValidation<Result = any>(schema: S, formData?: T): RawValidationErrorsType<Result> {
     let compilationError: Error | undefined = undefined;
     let compiledValidator: ValidateFunction | undefined;
-    if (schema[ID_KEY]) {
-      compiledValidator = this.ajv.getSchema(schema[ID_KEY]);
-    }
     try {
+      if (schema[ID_KEY]) {
+        compiledValidator = this.ajv.getSchema(schema[ID_KEY]);
+      }
       if (compiledValidator === undefined) {
         compiledValidator = this.ajv.compile(schema);
       }