refactor(app): app service form to react [EE-5415] (#8994)

app/react/components/form-components/validate-form.ts

@@ -3,7 +3,8 @@ import { SchemaOf } from 'yup';
 
 export async function validateForm<T>(
   schemaBuilder: () => SchemaOf<T>,
-  formValues: T
+  formValues: T,
+  validationContext?: object
 ) {
   const validationSchema = schemaBuilder();
 
@@ -11,6 +12,8 @@ export async function validateForm<T>(
     await validationSchema.validate(formValues, {
       strict: true,
       abortEarly: false,
+      // workaround to access all parents for nested fields. See clusterIpFormValidation for a use case.
+      context: { formValues, validationContext },
     });
     return undefined;
   } catch (error) {