рендеринг нескольких меток за итерацию на google-map-реакции. Кто-то может заметить ошибку?

Question

Предполагается отображать новую метку на каждой итерации, но обновляет только одну метку на каждой итерации. Кто-нибудь может помочь мне определить ошибку?

const SimpleMap = (props) => {
    const [center, setCenter] = useState({lat: 40, lng: -3});
    const [zoom, setZoom] = useState(1);
    const [stats, setStats] = useState([]);
return (
        <div><GoogleMapReact 
          bootstrapURLKeys={{ key: 'MY KEY' }}
          defaultCenter={center}
          defaultZoom={zoom}>
        {props.stats.map( (ele, index) => {console.log(ele)
              return <PinPoint
                      lat={ele.latd} 
                      lng={ele.long}/>
                    })
        }
        </GoogleMapReact>
      </div>
    );}
export default SimpleMap;