How to use the deepmerge.default function in deepmerge

function stringify(config) {
  var settings = xtend(config, this.data('settings'));
  var schema = deepmerge(gh, {
    "attributes":{
      "input": [
        "type",
      ],
      "li": [
        "className"
      ],
    },
    "tagNames": [
      "input"
    ]
  });
  this.Compiler = compiler;

  function compiler(tree) {
    // use sanity to remove dangerous html, the default is

export function getFormValuesWithDefaults(formValues?: IFormValues): IFormValues {
    const defaults:IFormValues = {
        fields: {
            infos: {},
            values: {} as any
        },
        form: { }
    }
    
    return DeepMerge.default(defaults, formValues || {})
}

export function setFieldInfo(formValues:IFormValues, fieldName: string, status: FieldInfoTypes, value: any): IFormValues {
    const values = formValues || getFormValuesWithDefaults();
    const overwriteMerge = (destinationArray: any[], sourceArray: any[], options: DeepMerge.Options) => sourceArray

    return DeepMerge.default(values, { 
        fields: {
            infos: {
                [fieldName]: {
                    [status]: value
                }        
            }
        }
    }, { 
        arrayMerge: overwriteMerge
    })
}

height: '100%'
        },
        text: {
          color: enabled
            ? hover
              ? '#fff'
              : '#323245'
            : '#fff',
          float: 'left',
          width: 'auto',
          paddingRight: '5px'
        }
      }
    }
    if (this.props.styles) {
      styles = deepMerge(styles, this.props.styles)
    }
    const iconStyle: React.CSSProperties = Object.assign({},
      styles.icon,
      this.props.iconStyle === 'dark'
        ? { backgroundColor: 'rgb(50, 50, 69)' }
        : {},
      enabled
        ? hover
          ? this.props.iconStyle === 'dark'
            ? { backgroundColor: '#000' }
            : {}
          : {}
        : { backgroundColor: '#666' }
    )
    return (

function stringify(config) {
  var settings = xtend(config, this.data('settings'));
  var schema = deepmerge(gh, {
    'attributes': {
      'input': [
        'type',
      ],
      'li': [
        'className'
      ],
      'code': [
        'className',
      ],
    },
    'tagNames': [
      'input',
      'code'
    ]
  });