How to use the react-resize-detector.default function in react-resize-detector

* Copyright 2017, GeoSolutions Sas.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 */
const React = require('react');
const PropTypes = require('prop-types');
const Message = require('../I18N/Message');
const {Glyphicon, Panel} = require('react-bootstrap');
const Dock = require('react-dock').default;
const BorderLayout = require('../layout/BorderLayout');
const {NO_DETAILS_AVAILABLE} = require('../../actions/maps');
const LocaleUtils = require('../../utils/LocaleUtils');
const Spinner = require('react-spinkit');
const ResizeDetector = require('react-resize-detector').default;

class DetailsPanel extends React.Component {
    static propTypes = {
        id: PropTypes.string,
        active: PropTypes.bool,
        closeGlyph: PropTypes.string,
        panelStyle: PropTypes.object,
        panelClassName: PropTypes.string,
        style: PropTypes.object,
        onClose: PropTypes.func,
        dockProps: PropTypes.object,
        width: PropTypes.number,
        detailsText: PropTypes.string,
        dockStyle: PropTypes.object
    }