How to use the formsy-react.withFormsy function in formsy-react

value={getValue() || ''}
          options={options}
          isInvalid={!disabled && error}
          onChange={this.handleChange}
          onBlur={this.handleBlur}
          fullWidth={fullWidth}
          disabled={disabled}
          required={required}
          className={className}
        />
      
    );
  }
}

export const FormsyEuiSelect = withFormsy(FieldSelect);

className={ className }
        required={ required && passRequiredToField }
        error={ !disabled && error }
        width={ width }
        inline={ inline }
        disabled={disabled}
      >
        { shortHandMode &amp;&amp; label &amp;&amp; <label> { label } </label> }
        { createElement(inputNode, { ...inputProps }) }
        { !disabled &amp;&amp; error &amp;&amp; errorLabel &amp;&amp; cloneElement(errorLabel, {}, getErrorMessage()) }
      
    );
  }
}

export default withFormsy(FormsyInput);

...(!children && {
        control: {
          ...control,
          value: (this.props as any).getValue(),
          onChange: e => {
             (this.props as any).setValue(e.target.value)
          },
        },
        message: { content: error, styles: { color: 'red' } },
      }),
    }
    return 
  }
}

export default withFormsy(FormFieldWrapper)

return 
  }

  handleChange = event => {
    this.props.setValue(event.target.value)
  }
}

export default withFormsy(ValidatedTextField);

import InputComponent from './components/input';
import FileComponent from './components/input-file';
import RadioGroupComponent from './components/radio-group';
import SelectComponent from './components/select';
import TextareaComponent from './components/textarea';
import Form from './form';
import FrcContext from './context/frc';
import Row from './components/row';
import withFRC from './hoc/component';

const Checkbox = withFormsy(withFRC(CheckboxComponent));
const CheckboxGroup = withFormsy(withFRC(CheckboxGroupComponent));
const Input = withFormsy(withFRC(InputComponent));
const File = withFormsy(withFRC(FileComponent));
const RadioGroup = withFormsy(withFRC(RadioGroupComponent));
const Select = withFormsy(withFRC(SelectComponent));
const Textarea = withFormsy(withFRC(TextareaComponent));

export {
  Form,
  FrcContext,
  Row,
  Checkbox,
  CheckboxGroup,
  File,
  Input,
  RadioGroup,
  Select,
  Textarea,
};

import {withFormsy} from 'formsy-react';
import CheckboxComponent from './components/checkbox';
import CheckboxGroupComponent from './components/checkbox-group';
import InputComponent from './components/input';
import FileComponent from './components/input-file';
import RadioGroupComponent from './components/radio-group';
import SelectComponent from './components/select';
import TextareaComponent from './components/textarea';
import Form from './form';
import FrcContext from './context/frc';
import Row from './components/row';
import withFRC from './hoc/component';

const Checkbox = withFormsy(withFRC(CheckboxComponent));
const CheckboxGroup = withFormsy(withFRC(CheckboxGroupComponent));
const Input = withFormsy(withFRC(InputComponent));
const File = withFormsy(withFRC(FileComponent));
const RadioGroup = withFormsy(withFRC(RadioGroupComponent));
const Select = withFormsy(withFRC(SelectComponent));
const Textarea = withFormsy(withFRC(TextareaComponent));

export {
  Form,
  FrcContext,
  Row,
  Checkbox,
  CheckboxGroup,
  File,
  Input,
  RadioGroup,
  Select,
  Textarea,

as={ as }
        className={ className }
        required={ required && passRequiredToField }
        error={ error }
        width={ width }
        inline={ inline }
        disabled={disabled}
      >
        { createElement(inputAs, { ...checkboxProps }) }
        { error && errorLabel && cloneElement(errorLabel, {}, getErrorMessage()) }
      
    );
  }
}

export default withFormsy(FormsyCheckbox);

value={getValue() ? getValue().join('\n') : ''}
          isInvalid={!disabled && error}
          placeholder={placeholder}
          onChange={this.handleChange}
          onBlur={this.handleBlur}
          fullWidth={fullWidth}
          disabled={disabled}
          required={required}
          className={className}
        />
      
    );
  }
}

export const FormsyEuiMultiFieldText = withFormsy(MultiFieldText);

import React from 'react';
import { withFormsy } from 'formsy-react';

import DefaultInput from '../Input';

class InputClass extends DefaultInput {
}

const WithFormsyInput = withFormsy(InputClass);

const Input = ({ ...props }) => ;

Input.propTypes = {};
Input.defaultProps = {};

export default Input;

helpText: PropTypes.string,
  placeholder: PropTypes.string,
  label: PropTypes.string,

  templatesDropdown: PropTypes.bool,
};

QuillFormsy.defaultProps = {
  helpText: '',
  placeholder: '',
  label: '',
  handleTemplateChange: () => {},
  templatesDropdown: false,
};

export default withFormsy(QuillFormsy);