How to use the react-mapbox-gl.Map function in react-mapbox-gl

render() {
    const Marker = ReactMapboxGl.Marker;
    const ZoomControl = ReactMapboxGl.ZoomControl;
    const { buckets, tooltip } = this.props;
    if (StringUtils.notEmpty(this.props.mapboxKey)) {
      const Map = ReactMapboxGl.Map({
        accessToken: this.props.mapboxKey,
        attributionControl: false,
      });

      let locationPointer = ;
      if (this.props.pointerImageUri) {
        locationPointer = <img style="{{" alt="location pointer" src="{this.props.pointerImageUri}">;
      } else if (this.props.pointerGlyph) {
        locationPointer = ;
      }
      const points = this.props.buckets.map((bucket) =&gt; {
        // Return null if getCoordinatesFromBucket() returns null value
        const coordinates = MapFacetContents.getCoordinatesFromBucket(bucket);
        if (!coordinates) {
          return null;
        }