google-maps-react not working

MapContainer.ts

import React, {useState} from 'react';
import {GoogleAPI, GoogleApiWrapper, Map, Marker} from 'google-maps-react'
import {render} from "react-dom";

interface MapContainerProps {
    google: GoogleAPI;
}
type MarkerEntry = { key: string, title: string, name: string, position: { lat: number, lng: number } };

const markers: MarkerEntry[] = [
    {key: "1", title: "Title1", name: "Name1", position: {lat: 37.778519, lng: -122.405640}},
    {key: "2", title: "Title2", name: "Name2", position: {lat: 37.759703, lng: -122.428093}},
    {key: "3", title: "Title3", name: "Name3", position: {lat: 37.762391, lng: -122.439192}},
]


class MapContainer extends React.Component<any, any> {

    renderMarkers = (markers: MarkerEntry[]) => {
        return markers.map(m => (
            <Marker>
                key={m.key}
                title={m.title}
                position={m.position}
                name={m.name}
            </Marker>
        ));
    }
    render(){
      if(google) {
          return (
              <Map google={google} zoom={14}>
                  {this.renderMarkers(markers)}
              </Map>
          )
      }
      return null;
    }
}


export default GoogleApiWrapper({
    //TODO: replace with public key api
    apiKey: ""
})(MapContainer)