SymbolLayer filter property data type error; unable to pass filter array

Describe the bug SymbolLayer filter property docs specify passing a type array. When I pass an array to the filter property an exception is thrown saying “filter property must be a string”.

To Reproduce

       <Mapbox.ShapeSource>
          <Mapbox.SymbolLayer 
            id="guz" 
            style={{ visibility: "visible" }}
            filter={[
                'all',
                ['==', '$type', 'Point'],
                ['in', 'type', 'Blue Project', 'WFW Project']
            ]}
          />
        </Mapbox.ShapeSource>

Expected behavior The symbol layer should filter by the array passed into the SymbolLayer object.

Screenshots

Versions (please complete the following information):

• Platfrom: iOS
• Device: XR Simulator
• React Native Version 0.59

Additional context Add any other context about the problem here.

In the project examples an array appears to be successfully used. For example, in the EarthQuakes.js example the CircleLayer appears to use an array filter:

            <MapboxGL.CircleLayer
              id="clusteredPoints"
              belowLayerID="pointCount"
              filter={['has', 'point_count']}
              style={layerStyles.clusteredPoints}
            />

Not sure why the SymbolLayer array I’m passing in is having the issue.

[mfazekas]

It turns out in and '==',$type is legacy filter syntax, and it’s no longer supported. Use the new expression syntax to get it work:

["all",
    ["==",["geometry-type"], "Point"],
    ["match",
       ["get", "type"],
       ["Blue Project", "WFW Project"], true,
        false]
]

"!has" is legacy filter syntax too use ["!", ["has" ...]

[mfazekas]

@lpfunding it seems that ios mapbox-gl-native have trouble with !has too - to be reported on upstream repo.

instead of

filter={['!has', 'point_count']}

you can try:

filter={['!', ['has', 'point_count']]}