"Error: Input data is not a valid geojson object" when moving a polygon

[Mathieu-R]

Hello,

I tried to move a polygon created with <Layer><Feature /></Layer>.
When I move the polygon I fall on this error :

Here's the code :

renderExclusionsZones (exclusionsZones) {
    if (exclusionsZones) {
      console.log(exclusionsZones);
      return (
        <Layer type="fill" paint={{'fill-color': '#FFF', 'fill-opacity': 0.8}}>
          {exclusionsZones.map((zone, index) => (
            <Feature
              key={index}
              coordinates={[[
                [zone.ul.lng, zone.ul.lat],
                [zone.ur.lng, zone.ur.lat],
                [zone.lr.lng, zone.lr.lat],
                [zone.ll.lng, zone.ll.lat]
              ]]}
              draggable={true}
              onDragEnd={evt => this.props.moveExclusionZone(evt, index)}
            />
          ))}
        </Layer>
      );
    }
  }

Maybe I miss something ?

Thanks.

[hughlomas]

Having the same issue with almost exactly the same code. According to the examples it should work just fine.

[LeslieK]

Any solution to this problem? I request GeoJSON data from the server using fetch api. The fetch returns a Promise (PromiseStatus: resolved PromiseValue: object). The object is a FeatureCollection. The console prints out the same error as above: not a valid GeoJSON object. at Actor.receive (mapbox-gl-0.44.1.js:sourcemap:501)

[stdmn]

Same problem here. Any thoughts on a fix?

[JorgeARZ]

same problem with mapbox