improvement based on feedback

Author: abdalla-rko

CHANGELOG.md

@@ -22,6 +22,12 @@ should change the heading of the (upcoming) version to include a major version b
 
 - Fixed validation regression Form not revalidating after formData change, fixing [#4343](https://github.com/rjsf-team/react-jsonschema-form/issues/4343)
 
+# 5.22.1
+
+## Dev / docs / playground
+
+- Bumped peer dependencies to 5.22.x due to updated type definition and API changes in @rjsf/utils
+
 # 5.22.0
 
 ## @rjsf/core

packages/core/test/ArrayField.test.jsx

@@ -3220,7 +3220,7 @@ describe('ArrayField', () => {
     });
 
     it('Check that when formData changes, the form should re-validate', () => {
-      const { node, rerender, compCB } = createFormComponent({
+      const { node, rerender } = createFormComponent({
         schema,
         formData: [
           {
@@ -3235,7 +3235,7 @@ describe('ArrayField', () => {
       const errorMessageContent = node.querySelector('#root_0_text__error .text-danger').textContent;
       expect(errorMessageContent).to.contain('must be string');
 
-      rerender(compCB({ schema, formData: [{ text: 'test' }], liveValidate: true }));
+      rerender({ schema, formData: [{ text: 'test' }], liveValidate: true });
 
       expect(node.querySelectorAll('#root_0_text__error')).to.have.length(0);
     });

packages/core/test/ObjectField.test.jsx

@@ -228,7 +228,7 @@ describe('ObjectField', () => {
     });
 
     it('Check that when formData changes, the form should re-validate', () => {
-      const { node, rerender, compCB } = createFormComponent({
+      const { node, rerender } = createFormComponent({
         schema,
         formData: {
           foo: null,
@@ -241,7 +241,7 @@ describe('ObjectField', () => {
       const errorMessageContent = node.querySelector('#root_foo__error .text-danger').textContent;
       expect(errorMessageContent).to.contain('must be string');
 
-      rerender(compCB({ schema, formData: { foo: 'test' }, liveValidate: true }));
+      rerender({ schema, formData: { foo: 'test' }, liveValidate: true });
 
       expect(node.querySelectorAll('#root_foo__error')).to.have.length(0);
     });

packages/core/test/StringField.test.jsx

@@ -300,7 +300,7 @@ describe('StringField', () => {
     });
 
     it('Check that when formData changes, the form should re-validate', () => {
-      const { node, rerender, compCB } = createFormComponent({
+      const { node, rerender } = createFormComponent({
         schema: { type: 'string' },
         formData: null,
         liveValidate: true,
@@ -311,7 +311,7 @@ describe('StringField', () => {
       const errorMessageContent = node.querySelector('#root__error .text-danger').textContent;
       expect(errorMessageContent).to.contain('must be string');
 
-      rerender(compCB({ schema: { type: 'string' }, formData: 'hello', liveValidate: true }));
+      rerender({ schema: { type: 'string' }, formData: 'hello', liveValidate: true });
 
       expect(node.querySelectorAll('#root__error')).to.have.length(0);
     });

packages/core/test/test_utils.js

@@ -14,11 +14,13 @@ export function createComponent(Component, props) {
   const onError = sinon.spy();
   const onSubmit = sinon.spy();
   const comp = <Component onSubmit={onSubmit} onError={onError} onChange={onChange} {...props} />;
-  const compCB = (props) => <Component onSubmit={onSubmit} onError={onError} onChange={onChange} {...props} />;
   const { container, rerender } = render(comp);
+
+  const rerenderFunction = (props) =>
+    rerender(<Component onSubmit={onSubmit} onError={onError} onChange={onChange} {...props} />);
   const node = findDOMNode(container).firstElementChild;
 
-  return { comp, compCB, node, onChange, onError, onSubmit, rerender };
+  return { comp, node, onChange, onError, onSubmit, rerender: rerenderFunction };
 }
 
 export function createFormComponent(props) {