Translation from rnMapView help!

[longtimeno-c]

Hi im trying to translate this standard react native map view component to mapbox but im really struggling 😅
Any help will be appreciated my attempts at getting this working led to some sad results 😂

Thanks in advance!!

Current MapView code:

interface MissileProps {
    destination: GeoLocation;
    currentLocation: GeoLocation;
    trajectoryCoordinates: GeoLocation[];
    radius: number;
    type: string;
    status: string;
}
export const MapMissile = (missileProps: MissileProps) => {

    const resizedmissileimage = missileImages[missileProps.type];
    const resizedmissileicon = { width: 50, height: 50 }; // Custom size for image
    return(
        <View>
            {/* Render Circle at destination coords */}
            <Circle
                center={missileProps.destination}
                radius={missileProps.radius}
                fillColor="rgba(255, 0, 0, 0.2)"
                strokeColor="rgba(255, 0, 0, 0.8)"
            />
            {/* Render Marker at current coords */}
            <Marker
                coordinate={missileProps.currentLocation}
                title={`Missile: ${missileProps.type}`}
                description={`${missileProps.status}`}
            >
                <Image source={resizedmissileimage} style={resizedmissileicon} />
            </Marker>
            {/* Render trajectory line */}
            <Polyline
                coordinates={missileProps.trajectoryCoordinates}
                strokeColor="red"
                strokeWidth={3}
            />
        </View>
    )
}