Tengo una característica que necesito implementar, es decir, cuando estoy en el mapa, puedo hacer clic en cualquier posición del mapa (coordenada) para obtener los datos (los datos pueden ser muchos o únicos) que contiene la posición. Si los datos son muchos, mostrará una lista de elementos para elegir y ver los detalles; de lo contrario, es un solo elemento.

En caso de que los datos sean muchos, después de hacer clic en el botón view para ver los detalles del elemento, quiero cambiar a otra posición. El comportamiento extraño aquí es que, a partir del estado de los detalles, React no se representó directamente en los datos de la nueva posición, sino que vuelve al estado representado en primer lugar y luego representa los datos en función de la nueva posición. Quiero que no vuelva a aparecer en el estado de la lista, sino que se muestre directamente en los datos de la nueva posición.

¿Cómo logro eso?

Aquí está el código fuente completo para esta muestra: https://codesandbox.io/s/crazy-wilbur-rgqrb?file=/src/Map.js