How to use the react-color.default function in react-color

import React from "react";
import ClickOutside from "react-click-outside";

const _ = require("lodash");
const ColorPickerPackage = require("react-color");
const Clipboard = require("clipboard");

const ColorPicker = ColorPickerPackage.default;

class ColorBar extends React.Component {
  constructor(props) {
    super(props);
  }

  state = {
    currentlyEditing: -1,
    popupPosition: {
      zIndex: 10,
      position: "fixed",
      top: "0px",
      left: "0px"
    }
  };