FormWrapper.js

// in constructor iterate over FormWrapper instance this.props.children and decorate "*Field" with <Field>

  decorateFields = (element) => {
    const { props: { children } = {} } = element;
    const { type: { name } = {} } = element;

    if (typeof element === 'string' || typeof element.type === 'string') return element;
    
    //Editable has prop component which is <InlineSelectField> that never gets decorated
    
    if (name && name.endsWith('Field')) { // TODO not minficiation safe!!!
      return this.renderField(element)
    } else if (children) {
      return React.cloneElement(element.type, element.props, React.Children.map(children, e => this.decorateFields(e)))
    } else {
      return React.cloneElement(element.type, element.props);
    }
  };

usage.js

<FormWrapper form={id} postValidate={postValidate} validate={onValidate} onSubmit={onSubmit} hasError={hasError}>

   <InlineTextField name="applicantOneName"/> 
   <Editable name="numberOfApplicants" options={numberOfApplicants} component={<InlineSelectField />} />

</FormWrapper