passing as props here

<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}

                  />
                 
        
        
        
        
        

Map component

        import React from 'react'
        import { withScriptjs, withGoogleMap, GoogleMap, Marker } from "react-google-maps"
        
        const MyMapComponent = withScriptjs(withGoogleMap((props) => {
            return (
                < GoogleMap
                    defaultZoom={5}
                    defaultCenter={{ lat: props.lat, lng: props.lang }}
                >
        
                    {props.isMarkerShown && <Marker position={{ lat: props.;at, lng: props.lang }} />}
                </GoogleMap >
            )
        }));
        
        export default MyMapComponent;