[Code]
import { useState, useEffect } from “react”;
declare global {
interface Window {
kakao: any;
}
}
export default function KakaoMap() {
useEffect(() => {
window.kakao.maps.load(() => {
const container = document.getElementById(“map”) as HTMLElement;
const options = {
center: new window.kakao.maps.LatLng(33.450701, 126.570667),
level: 3,
};
const map = new kakao.maps.Map(container, options);
map.relayout();
});
}, []);
return(<div id=“map” style={{ width: “100%”, height: “100%” }}>)
}
[결과]
이 문제로 한참을 찾아봐도 방법을 모르겠네요 ㅜㅜ consoles창의 에러는 별다른게 없습니다.