Inline conditional rendering Layer causes Source render cloneElement to fail

[123joshuawu]

<ReactMapGL>
  { features.map((feature) => (
    <Source>
      <Layer />
      {selected.zoneId === feature.id && <Layer />}
    </Source>
  ) }
</ReactMapGL>

Results in this error
Error: React.cloneElement(...): The argument must be a React element, but you passed null.

I believe it is because in the render for source, the children are iterated over using React.children.map as seen in lines 139 through 142. When the inline conditional is false, the resulting React.children element is null, which is then passed to React.cloneElement.

react-map-gl/src/components/source.js

Lines 133 to 144 in 978dd0a

	_render(context: MapContextProps) {
	if (!this._map && context.map) {
	this._map = context.map;
	this._map.on('styledata', this._updateSource);
	}
	this._updateSource();
	return React.Children.map(this.props.children, child =>
	cloneElement(child, {
	source: this.id
	})
	);
	}

Here is the issue that talks about React.children.map and null values.
facebook/react#4867

I think a possible solution is to use React.children.toArray which will filter out null and undefined values.

[Pessimistress]

Fixed in 5.2.10