React로 카카오맵 불러오기 하는데 확대축소만 되고 지도가 안뜹니다

지도/로컬 API에 대한 문의게시판입니다.

오류

이렇게 지도부분에 축소확대를 마우스 휠로 할 수 있어요 지도가 있긴 있는데 지도가 보여지지는 않습니다… ㅠ

맵 컴포넌트 만들어서 작성한 코드입니다…

import React, { useEffect } from “react”;

const { kakao } = window;

const Maps = () => {

useEffect(() => {

kakao.maps.load(() => {

  const container = document.getElementById("myMap");

  const options = {

    center: new kakao.maps.LatLng(33.450701, 126.570667),

    level: 7,

  };

  const map = new kakao.maps.Map(container, options);

});

}, []);

return (

<div

  id="myMap"

  style={{

    width: "500px",

    height: "500px",

  }}

></div>

);

};

export default Maps;

그리고 인덱스.html 헤더부분에 스크립트 제대로 넣어주었어요

구글링 아무리해도 잘 쓴거 같은데 지도가 안나와요…

kakao.maps.load() 이 함수 안쓰면 kakao.maps.LatLng 이 생성자를 이해하지 못합니다… 그래서 적어줬는데
지도가 안뜨니 환장하겠네요 ㅠㅠ

지도가 렌더링되지 않습니다 - lea.ju님의 글 #2 답변 참고해주세요.