google map 개발자도구 console Uncaught (in promise) 에러

[박호진]

import './Map.css'
import { GoogleMap, useLoadScript, Marker } from '@react-google-maps/api'

export default function Location() {
    const { isLoaded } = useLoadScript({
        googleMapsApiKey: "API KEY.."
    });

    if (!isLoaded) return <div></div>
    return <Map />
}

function Map() {
    const center = { 'lat': 36.017533, 'lng': 128.695858 };

    return (
        <GoogleMap
            zoom={15}
            center={ center }
            mapContainerClassName="map-container"
        >
            <Marker position={ center }></Marker>
        </GoogleMap>
    )
}

안녕하세요 선생님 강의 보다가 처음으로 글 써보네요 
지금까지 웬만한 오류들 전부 혼자 해결해왔었는데 이건 도저히 해결할 수가 없어요ㅠ
콘솔창에 

Uncaught (in promise)
..
..
message: "initMap is not a function"
name: "InvalidValueError"
stack: "Error\n at _.be.captureStackTrace (https://maps.googleapis.com/maps/api/js?key=APIKEY..&callback=initMap:284:1666)\n at new _.be (https://maps.googleapis.com/maps/api/js?key=AIzaSyDecievxLqJVKYojN7m0T15DAfJJH4qkwU&callback=initMap:94:331)\n at _.ce (https://maps.googleapis.com/maps/api/js?key=AIzaSyDecievxLqJVKYojN7m0T15DAfJJH4qkwU&callback=initMap:94:449)\n at Cea (https://maps.googleapis.com/maps/api/js?key=AIzaSyDecievxLqJVKYojN7m0T15DAfJJH4qkwU&callback=initMap:237:99)\n at https://maps.googleapis.com/maps/api/js?key=AIzaSyDecievxLqJVKYojN7m0T15DAfJJH4qkwU&callback=initMap:236:231"
[[Prototype]]: Error

라는 에러가 나오는데요
initMap은 얘네가 자바스크립트로 뱉어주는 함수 같은데.. 어느 부분을 수정해야 오류 없이 빌드할 수 있을까요
npm start에선 에러가 있어도 문제 없이 잘 보여지다가 빌드해서 깃허브에서 호스팅하면 안 보여지네요

[codingapple]

안써봐서모르겠는데 리액트와의 사용법같은거 찾아서 그대로 따라해야할듯요
대부분은 설치나 셋팅문제라는군요

[박호진]

구글맵 공식 유튜브에 리액트 코드 가져왔는데 사용법이 또 바뀌었나 보네요 
조금 더 고민해볼게요 답변 감사합니당

[박호진]

혹시 솔루션 발견하시면 댓글 부탁드릴게요 ㅎㅎ 편안한 밤 되세요 선생님

[codingapple]

https://stackoverflow.com/questions/51827419/initmap-google-map-api-error-in-react
안되면 script 태그로 설치해봅시다

[박호진]

감사합니다 선생님!!!!!!!!!!!!!!!

[글쓴이]

글