playground

Author: robbieculkin

packages/playground/src/components/Header.tsx

@@ -70,6 +70,12 @@ const liveSettingsBooleanSchema: RJSFSchema = {
     noValidate: { type: 'boolean', title: 'Disable validation' },
     noHtml5Validate: { type: 'boolean', title: 'Disable HTML 5 validation' },
     focusOnFirstError: { type: 'boolean', title: 'Focus on 1st Error' },
+    experimental_componentUpdateStrategy: {
+      type: 'string',
+      title: 'Component update strategy',
+      default: 'customDeep',
+      enum: ['customDeep', 'default'],
+    },
     showErrorList: {
       type: 'string',
       default: 'top',

packages/playground/src/components/Playground.tsx

@@ -42,6 +42,7 @@ export default function Playground({ themes, validators }: PlaygroundProps) {
     readonly: false,
     omitExtraData: false,
     liveOmit: false,
+    experimental_componentUpdateStrategy: 'customDeep',
     experimental_defaultFormStateBehavior: { arrayMinItems: 'populate', emptyObjectFields: 'populateAllDefaults' },
   });
   const [otherFormProps, setOtherFormProps] = useState<Partial<FormProps>>({});