How to use the deep-equal.default function in deep-equal

/* global APP_VAR, io */

import React from 'react';
import Dropzone from 'react-dropzone';
import request from 'superagent';
import _ from 'lodash';
import * as DeepEqual from 'deep-equal';
import Header from './modules/Header';

const equal = DeepEqual.default;

export default class App extends React.Component {
  constructor(props) {
    super(props);
    try {
      this.state = APP_VAR;
    } catch (ex) {
      this.state = props.params;
    }

    this.state.appColor = 210;
    this.state.bots = this.appendConductorPlayers(this.state.bots);
    this.state.dropzoneActive = false;

    this.openDropzone = this.openDropzone.bind(this);
    this.restart = this.restart.bind(this);

import rbush from '../spatial-index';
import lineSegment from '../line-segment';
import nearestPointOnLine from '../nearest-point-on-line';
import booleanPointOnLine from '../boolean-point-on-line';
import { getCoords } from '../invariant';
import { featureEach, segmentEach } from '../meta';
import {featureCollection, isObject} from '../helpers';
import * as deepEqual from 'deep-equal';
const equal = deepEqual.default;

/**
 * Takes any LineString or Polygon and returns the overlapping lines between both features.
 *
 * @name lineOverlap
 * @param {Geometry|Feature} line1 any LineString or Polygon
 * @param {Geometry|Feature} line2 any LineString or Polygon
 * @param {Object} [options={}] Optional parameters
 * @param {number} [options.tolerance=0] Tolerance distance to match overlapping line segments (in kilometers)
 * @returns {FeatureCollection} lines(s) that are overlapping between both features
 * @example
 * var line1 = turf.lineString([[115, -35], [125, -30], [135, -30], [145, -35]]);
 * var line2 = turf.lineString([[115, -25], [125, -30], [135, -30], [145, -25]]);
 *
 * var overlapping = turf.lineOverlap(line1, line2);
 *