React embedded google map is not displaying

[HJTCH2776]

Hello here is my code for the map embed . I am not showing any errors in console so I’m not sure why it is not working ? I’ve read in a couple places to try changing 100% to 1000 px it still does not display at all

import React, { Component, useEffect } from 'react'
import  { Maps, InfoWindow, Marker, GoogleApiWrapper } from 'google-maps-react';



  
const mapStyles = {
  width: '100%',
  height: '100%'
};
export class Googlemap extends Component {
  render() {
    return (
      
      <Maps
        google={this.props.google}
        zoom={14}
        style={mapStyles}
        initialCenter={
          {
            lat: 42.338131411433736, 
            lng: -83.3935704444211
          }
        }
      />
    );
  }
}

export default GoogleApiWrapper({
  apiKey: 'hidden for purpose of this question'
})(Googlemap);