How to use the simple-react-form.ArrayComponent.defaultProps function in simple-react-form

label: {
    color: 'rgba(0,0,0,0.5)',
    marginBottom: 5,
    fontSize: 12,
  },
};

const propTypes = {
  ...ArrayComponent.propTypes,
  parentClassName: React.PropTypes.string,
  childrenClassName: React.PropTypes.string,
  useSmallSpace: React.PropTypes.bool,
};

const defaultProps = {
  ...ArrayComponent.defaultProps,
  childrenClassName: '',
  parentClassName: '',
  useSmallSpace: false,
};

export default class MaterialArray extends ArrayComponent {
  renderChildrenItem({ index, component }) {
    if (this.props.useSmallSpace) return this.renderChildrenSmallItem({ index, component });
    return (
      <div>
        
          {component}
          <div style="{{">
            {this.renderRemoveButton(index)}
          </div>
        </div>

color: 'rgba(0,0,0,0.5)',
    marginBottom: 5,
    fontSize: 12
  }
}

const propTypes = {
  ...ArrayComponent.propTypes,
  parentClassName: React.PropTypes.string,
  childrenClassName: React.PropTypes.string,
  useSmallSpace: React.PropTypes.bool,
  smallRemoveButtonTooltipPosition: React.PropTypes.string
}

const defaultProps = {
  ...ArrayComponent.defaultProps,
  childrenClassName: '',
  parentClassName: '',
  useSmallSpace: false,
  smallRemoveButtonTooltipPosition: 'bottom-center'
}

export default class MaterialArray extends ArrayComponent {

  renderChildrenItem ({ index, children }) {
    if (this.props.useSmallSpace) return this.renderChildrenSmallItem({ index, children })
    return (
      <div>
        
          {this.renderChildrenItemWithContext({index, children})}
          <div style="{{">
            {this.renderRemoveButton(index)}</div></div>