удаление маркера после нажатия на кнопку - он удаляет то, что нужно

Question

Я хотел бы удалить маркер после нажатия, я создал кнопку во всплывающем окне, но после нажатия этой кнопки само всплывающее окно удаляется, а маркер остается, может кто-нибудь помочь мне решить эту проблему?

state = {
       newItems: [{Description: "opis...",  Name: "Pierwszy", X: 255,Y:100}],
}
  componentDidMount() {
 const map = new mapboxgl.Map({
      container: this.mapContainer,
      style: 'mapbox://styles/mapbox/streets-v11',
      center: [50, 100],
      zoom: 10,
    })

   for (const obj of newItems) {
      let myLatlng = new mapboxgl.LngLat(obj.X, obj.Y);
      new mapboxgl.Marker()
        .setLngLat(myLatlng)
        .setPopup(new mapboxgl.Popup({ offset: 25 })
          .setHTML('<h3>' + obj.Name + '</h3><p>' + obj.Description + '</p><button onclick=(function(){event.target.parentNode.remove})();>Remove Marker</button>'
          ))
        .addTo(map);
    }
    }