카카오맵 api 리액트에서 사용시 오류

index.html < head>< /head> 안에 스크립트 태그 넣었는데 다음과 같은 오류가 나오면서 지도가 뜨지 않아요,
앱키도 자바스크립트이고, 등록한 사이트 도메인에 들어가서 확인 부탁드립니다ㅜㅜ
http://www.star-pickers.com/ecall2/

Map.js
/* global kakao */

import React, { useEffect, useState, useRef } from “react”;

export default function Map() {

const [ , setKakaoMap] = useState(null);

const container = useRef();

useEffect(() => {
const center = new kakao.maps.LatLng(37.50802, 127.062835);
const options = {
center,
level: 3
};
const map = new kakao.maps.Map(center, options);

setKakaoMap(map);

}, [container])

return < div id=“container” ref={container} />;
}

해당 오류는 서버에서 페이지를 찾지 못하는 404 에러로
지도 생성과는 무관합니다.
도메인 네임서버가 올바른지, 서버와 연결이 되어 있는지 등등 확인해서
먼저 페이지가 나오게 해주세요.

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