Quiero obtener los 5 marcadores principales que están más cerca de la ubicación de los usuarios (en orden) y colocarlos en un objeto useState. ¿Cómo puedo lograr eso?

Flujo de carga de la pantalla de mi mapa:

1. Cargar mapa
2. Obtener la ubicación del usuario (almacenada en la ubicación useState)
3. HTTP Obtener solicitud de ubicación de marcadores (cada marcador obtuvo lat y ltd)
4. Obtener marcadores alrededor del usuario (si se acepta compartir la ubicación)
5. Pantalla de visualización

 const fetchClosestRendelok = async () => { //Get markers in an area here and add to a json } const fetchRendeloData = async () => { const data = await fetchRendelok() setRendelok(data) } useEffect(() => { fetchRendeloData() fetchClosestRendelok() }, []); return ( <View style={styles.container}> <MapView style={styles.map} provider={PROVIDER_GOOGLE} region={mapRegion} showsUserLocation={true} onPress={() => setSelectedMarkerIndex("")} > { rendelok.map((rendelok) => { return ( <Marker key={rendelok.id} coordinate={{ latitude:parseFloat(rendelok.lat), longitude:parseFloat(rendelok.ltd) }} onPress={() => markerClick(rendelok)} tracksViewChanges={false} > <View> <MaterialCommunityIcons name="hospital-marker" size={selectedMarkerIndex === rendelok.id ? 80 : 30} color={selectedMarkerIndex === rendelok.id ? 'red' : color_theme_light.iconColor}/> </View> </Marker > ) }) } </MapView> </View> ); }