fix

packages/react-google-maps-api/src/components/drawing/DrawingManager.tsx

@@ -94,8 +94,8 @@ function DrawingManagerFunctional({
   }, [instance, options])
 
   useEffect(() => {
-    if (drawingMode && instance !== null) {
-      instance.setDrawingMode(drawingMode)
+    if (instance !== null) {
+      instance.setDrawingMode(drawingMode ?? null)
     }
   }, [instance, drawingMode])
 

packages/react-google-maps-api/src/useJsApiLoader.tsx

@@ -46,7 +46,7 @@ export function useJsApiLoader({
   const loader = useMemo(() => {
     return new Loader({
       id,
-      apiKey: googleMapsApiKey,
+      apiKey: googleMapsApiKey || "",
       version,
       libraries,
       language: language || 'en',
@@ -62,13 +62,13 @@ export function useJsApiLoader({
       return
     } else {
       loader.load().then(() => {
-        if (isMounted.current) {setLoaded(true)}
+        if (isMounted.current) { setLoaded(true) }
 
         return
       })
-      .catch((error) => {
-        setLoadError(error)
-      })
+        .catch((error) => {
+          setLoadError(error)
+        })
     }
   }, [])
 

packages/react-google-maps-api/src/useLoadScript.tsx

@@ -12,7 +12,7 @@ import { defaultLoadScriptProps } from './LoadScript'
 export interface UseLoadScriptOptions extends LoadScriptUrlOptions {
   id?: string | undefined
   nonce?: string | undefined
-  preventGoogleFontsLoading?: boolean | undefined
+  preventGoogleFontsLoading?: boolean | undefined;
 }
 
 let previouslyLoadedUrl: string
@@ -30,6 +30,7 @@ export function useLoadScript({
   channel,
   mapIds,
   authReferrerPolicy,
+  apiUrl = "https://maps.googleapis.com"
 }: UseLoadScriptOptions): {
   isLoaded: boolean
   loadError: Error | undefined
@@ -76,7 +77,8 @@ export function useLoadScript({
     libraries,
     channel,
     mapIds,
-    authReferrerPolicy
+    authReferrerPolicy,
+    apiUrl
   })
 
   useEffect(
@@ -105,7 +107,7 @@ export function useLoadScript({
           }
           console.warn(`
         There has been an Error with loading Google Maps API script, please check that you provided correct google API key (${googleMapsApiKey ||
-          '-'}) or Client ID (${googleMapsClientId || '-'})
+            '-'}) or Client ID (${googleMapsClientId || '-'})
         Otherwise it is a Network issue.
       `)
           console.error(err)

packages/react-google-maps-api/src/utils/make-load-script-url.ts

@@ -1,10 +1,9 @@
 import type { Library } from '@googlemaps/js-api-loader'
-import invariant from 'invariant'
 
 export type Libraries = Library[]
 
 export interface LoadScriptUrlOptions {
-  googleMapsApiKey: string | ""
+  googleMapsApiKey: string | undefined
   googleMapsClientId?: string | undefined
   version?: string | undefined
   language?: string | undefined
@@ -13,26 +12,23 @@ export interface LoadScriptUrlOptions {
   channel?: string | undefined
   mapIds?: string[] | undefined
   authReferrerPolicy?: 'origin' | undefined
+  apiUrl: string
 }
 
 export function makeLoadScriptUrl({
   googleMapsApiKey,
   googleMapsClientId,
   version = 'weekly',
+  apiUrl,
   language,
   region,
   libraries,
   channel,
   mapIds,
-  authReferrerPolicy
+  authReferrerPolicy,
 }: LoadScriptUrlOptions): string {
   const params = []
 
-  invariant(
-    (googleMapsApiKey && googleMapsClientId) || !(googleMapsApiKey && googleMapsClientId),
-    'You need to specify either googleMapsApiKey or googleMapsClientId for @react-google-maps/api load script to work. You cannot use both at the same time.'
-  )
-
   if (googleMapsApiKey) {
     params.push(`key=${googleMapsApiKey}`)
   } else if (googleMapsClientId) {
@@ -69,5 +65,5 @@ export function makeLoadScriptUrl({
 
   params.push('callback=initMap')
 
-  return `https://maps.googleapis.com/maps/api/js?${params.join('&')}`
+  return `${apiUrl}/maps/api/js?${params.join('&')}`
 }