How to use the Google Maps API with Custom styling in React.js

Maps.js

import googleMapStyles from "./GoogelMapStyle";

export class Maps extends React.Component {
  render() {
    return (
      <Map
        google={this.props.google}
        zoom={8}
        style={this.props.mapStyle}
        initialCenter={{ lat: 9.761927, lng: 79.95244 }}
      >
        <Marker position={{ lat: 9.761927, lng: 79.95244 }} />
      </Map>
    );
  }
}

Maps.defaultProps = googleMapStyles;

export default GoogleApiWrapper({
  apiKey: "API_KEY",
})(Maps);