Warning: MarkerView: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

[Pieeer1]

Steps to Trigger Behavior

1. Create a new MapLibreGL.MapView
   2.. Add a MarkerView with coordinates
2. Build and run the application. you will receive the warning.

Link to Minimal Reproducible Example

        <View style={styles.container}>
         <MapLibreGL.MapView
            ref={mapRef}
            style={styles.map} 
            logoEnabled={false} 
            styleURL={mapUri + token}
            rotateEnabled={false}
            zoomEnabled={true}
         >
            <MapLibreGL.Camera
            zoomLevel={2}
            centerCoordinate={[defaultView?.longitude ?? 0, defaultView?.latitude ?? 0]}
            />
            { shipment?.shipmentStops.map((x, i) => {
            return (
                <MarkerView key={i} coordinate={[x.location?.longitude ?? 0, x.location?.latitude ?? 0]}>
                    <View style={{backgroundColor: 'red', width: 10, height: 10, borderRadius: 5}}></View>
                </MarkerView>
                )
            })}

            <RippleButton iconName="mode-of-travel" iconSize={25} onPress={() => setIsLiveView(!isLiveView)} color="#000000" ></RippleButton>
         </MapLibreGL.MapView>
        </View>

Expected Behavior

No Warning

Actual Behavior

Warning

Screenshots (if applicable)

Version(s) affected

• Platform: [e.g. Android, iOS]
• OS version: [e.g. Android 9, iOS 10]
• Device type: [e.g. iPhone6]
• Emulator/ Simulator: [yes/ no]
• Development OS: [e.g. OSX 11.0.1, Win10]
• maplibre-react-native Version [e.g. 7.0.9]
• MapLibre GL version [e.g. 6.3.0]
• React Native Version [e.g. 0.59]

Additional context

[RobertSasak]

Observations

React it deprecating defaultProps in function component. facebook/react#25699
https://github.com/facebook/react/blob/main/CHANGELOG.md#1830-april-25-2024

MarkerView is such a component

maplibre-react-native/javascript/components/MarkerView.tsx

Line 56 in 9fcf6d1

const MarkerView = (props: MarkerViewProps): ReactElement => {

[github-actions]

🎉 This issue has been resolved in version 10.0.0-beta.1 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀