Estoy tratando de cambiar las coordenadas de un mapa de reacción de Google basado en el resultado de una API

 countries.map(({ name, population, region, flags, capital, latlng }) => { [lat, long] = latlng; console.log(name.common, population, region, flags.png, capital[0]); return ( <MaincountryCard name={name.common} population={population} region={region} flag={flags.png} capital={capital[0]} /> ); });

Aquí está el Componente pasando lat y lang como accesorios

 <MyMapComponent isMarkerShown googleMapURL={`https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,drawing,places`} loadingElement={<div style={{ height: `100%` }} />} containerElement={<div style={{ height: `400px` }} />} mapElement={<div style={{ height: `100%` }} />} lat={lat} lang={long} />

Código de Componente

 const MyMapComponent = withScriptjs( withGoogleMap((props) => { return ( <GoogleMap defaultZoom={5} defaultCenter={{ lat: props.lat, lng: props.lang }} > {props.isMarkerShown && <Marker position={{ lat: 30, lng: 70 }} />} </GoogleMap> ); }) );