Estoy presionando la matriz con los datos, pero cuando configuré la matriz en el estado, obtuve varios objetos en la consola, con el mismo contenido.
Cuando los datos en los que se hizo clic en el mapa no son iguales a los primeros datos en la matriz, el usuario aún puede hacer clic en otras coordenadas. :
const [showPolygonForm, setShowPolygonForm] = useState(false) const [polyData, setPolyData] = useState([]) const revealPolygonForm = () => { setShowPolygonForm(!showPolygonForm) } const createPolygon = () => { let arrayValores = [] if(showPolygonForm === true){ map.on('click', e => { const data = { lat: e.latlng.lat, lng: e.latlng.lng } arrayValores.push(data) setPolyData(arrayValores) console.log(arrayValores) })} if(polyData[0] != polyData[(polyData.length - 1)]){ console.log("it's in") map.on('click', e => { arrayValores.push(e.latlng) })} } createPolygon()