Проблема с передачей параметров в карты Гугл?

Question

[asmut]

Добрый день господа.
Пытаюсь создавать маркеры циклом.
При попытке создать массив с маркерами ругается на

<Marker position={{ lat: {item.lat},  lng: {item.lng} }}>

, а конкретно
на {item.lat} и {item.lng} .

Нырнул глубже, но не смог понять как верно передать параметры.
Если не сложно подскажите почему ругается и что сделать.

import React from 'react';
import {Map, GoogleApiWrapper, Marker} from "google-maps-react";
import markers from "./dataMarkers";

export class Maps extends React.Component {

    constructor(props) {
        super(props);

        const markersComponent = markers.map((item) =>
            <Marker position={{ lat: {item.lat},  lng: {item.lng} }}>);
    }

    render(){
        const mapStyles = {
            width: "100%",
            height: "100%",
        };

        return (
            <Map
                google={this.props.google}
                zoom={15}
                style={mapStyles}
                initialCenter={{ lat: 56.831719024772426, lng: 60.60158335488396 }} 
            >
                 {markersComponent }
            </Map>
            );
    }
}

export default GoogleApiWrapper({
    apiKey: '1111111111111111111111111111111'
})(Maps);

Answer 1

[Ice]

Предположу, что нужно добавить ключи на маркеры и lat/lng привести к toString