title: Automatic adjust height on react-google-maps component
body: <p>I'm trying to build a map application with react and google maps, I manage to create google maps component and use the map, however, when a navbar component is added I can't find a way to adjust the map's height to the space left without a scroll bar showing up.</p>
  
  <p>The Navbar component came from bootstrap, I don't know if it makes a difference.</p>
  
  <p>MAP COMPONENT</p>
  
  <pre><code>import React from 'react';
  import { GoogleMap, withScriptjs, withGoogleMap } from 'react-google-maps';
  
  const INIT_VALUES = {
    initialZoom: 10,
    center: { lat: -27.593500, lng: -48.558540 },
  };
  
  function Map() {
    return (
      &lt;GoogleMap
        defaultCenter={INIT_VALUES.center}
        defaultZoom={INIT_VALUES.initialZoom}
      /&gt;
    );
  }
  
  const WrappedMap = withScriptjs(withGoogleMap(Map));
  
  export default WrappedMap;
  </code></pre>
  
  <p>APP COMPONENT</p>
  
  <pre><code>import React, { useEffect } from 'react';
  import MapNavbar from './components/navbar/index';
  import WrappedMap from './components/map/index';
  import './App.css';
  
  const MAP_KEY = 'https://maps.googleapis.com/maps/api/js?v=3.exp&amp;libraries=geometry,drawing,places&amp;key=******';
  
  const mapStyles = {
    width: '100%',
    height: '100vh',
  };
  
  async function fetchData(callback) {
    const response = await fetch('http://localhost:5000/');
    const data = await response.json();
    callback(data);
  }
  
  function App() {
    useEffect(() =&gt; {
      fetchData((a) =&gt; console.log(a));
    }, []);
  
    return (
      &lt;div className="App"&gt;
        &lt;MapNavbar /&gt;
        &lt;div style={mapStyles}&gt;
          &lt;WrappedMap
            googleMapURL={MAP_KEY}
            loadingElement={&lt;div style={{ height: '100%' }} /&gt;}
            containerElement={&lt;div style={{ height: '100%' }} /&gt;}
            mapElement={&lt;div style={{ height: '100%' }} /&gt;}
          /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>