React 지도API 관련 에러 문의입니다

github으로 만든 React 페이지에 지도api를 삽입하고 싶은데,
아무리 찾아봐도 지도를 불러오지 못합니다 ㅠㅠ
index.html에서 script 입력했고 별도의 map 불러오는 파일에서 해당 코드 입력했습니다.

http://localhost:3000/example’ 이런 식으로 붙어있는 사이트인데 도메인 등록 시 경로를 제외하라고 하셔서
로컬 주소인 http://localhost:3000 로 등록해 놨습니다.
이 부분은 상관없는거겠죠?

화면 캡처 2022-01-13 002543

스크립트 로딩 후 window.kakao.maps.*으로 접근하여 사용하거나

const options = {
    center: new window.kakao.maps.LatLng(37.402054, 127.108209),
    level: 3
};

지도를 생성하는 컴포넌트 파일 상단에 아래와 같이 선언해서 확인 부탁드립니다.

/* global kakao */

그리고 리액트 예제는 아래 링크 참고해주세요.
https://codesandbox.io/s/gifted-wescoff-77nwu