title: No overload matches this call.in react
body: <p>I am getting this error:</p>
  <blockquote>
  <p>D:/Downloads/Uber-Website-Clone-master/src/App.tsx
  TypeScript error in D:/Downloads/Uber-Website-Clone-master/src/App.tsx(17,7):
  No overload matches this call.
  Overload 1 of 2, '(props: Readonly): LoadScript', gave the following error.</p>
  </blockquote>
  <pre class="lang-js prettyprint-override"><code>D:/Downloads/Uber-Website-Clone-master/src/App.tsx
  TypeScript error in D:/Downloads/Uber-Website-Clone-master/src/App.tsx(17,7):
  No overload matches this call.
    Overload 1 of 2, '(props: Readonly&lt;LoadScriptProps&gt;): LoadScript', gave the following error.
      Type 'string | undefined' is not assignable to type 'string'.
        Type 'undefined' is not assignable to type 'string'.
    Overload 2 of 2, '(props: LoadScriptProps, context?: any): LoadScript', gave the following error.
      Type 'string | undefined' is not assignable to type 'string'.
        Type 'undefined' is not assignable to type 'string'.  TS2769
  
      15 |     &lt;div className=&quot;App&quot;&gt;
      16 |       &lt;LoadScript 
    &gt; 17 |       googleMapsApiKey={process.env.REACT_APP_GOOGLE_TOKEN}
         |       ^
      18 |         libraries={['places']}
      19 |       &gt;
      20 |         &lt;CoordinatesProvider&gt;
  </code></pre>
  <p><strong>Here is the code:</strong></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { useEffect } from 'react';
  import { LoadScript } from '@react-google-maps/api';
  
  import './global.css';
  
  import CoordinatesProvider from './context/coordinates';
  
  import Header from './components/Header';
  import Map from './components/Map';
  import Search from './components/Search';
  
  function App() {
  
    return (
      &lt;div className="App"&gt;
        &lt;LoadScript 
        googleMapsApiKey={process.env.REACT_APP_GOOGLE_TOKEN}
          libraries={['places']}
        &gt;
          &lt;CoordinatesProvider&gt;
            &lt;Header /&gt;
            &lt;Search /&gt;
            &lt;Map /&gt;
          &lt;/CoordinatesProvider&gt;
        &lt;/LoadScript&gt;
      &lt;/div&gt;
    );
  
  }
  
  export default App;</code></pre>
  </div>
  </div>
  </p>