How to use the react-big-calendar.components function in react-big-calendar

render() {
    const { connectDropTarget, children, isOver } = this.props;
    const BackgroundWrapper = BigCalendar.components.backgroundWrapper;

    return ( {
        const domNode = findDOMNode(instance);
        if(domNode) {
          domNode.style.backgroundColor = isOver ? '#dddddd' : '';
        }
        return connectDropTarget(domNode);
      }}
    />);
  }
}

render() {
    let { connectDragSource, children, event } = this.props;
    let EventWrapper = BigCalendar.components.eventWrapper;

    return ( connectDragSource(findDOMNode(instance))}
    />);
  }
});

render() {
    const { connectDropTarget, children, isOver } = this.props;
    const BackgroundWrapper = BigCalendar.components.backgroundWrapper;

    const resultingChildren = isOver ?
        React.cloneElement(children, { className: cn(children.props.className, 'dnd-over') })
      : children;

    return ();
  }
}