React(vite.js), Typescripts를 통해 맵을 생성하면 백그라운드 이미지만 나오고 맵은 표현되지 않아요

[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창의 에러는 별다른게 없습니다.

지도가 모달 또는 탭에서 표시되나요?
동적으로 스타일이 변경되는 경우 지도가 깨지는 문제가 있을 수 있습니다.
아래 답변 참고하셔서 지도가 보이는 시점에 map.relayout()을 호출해주세요.
https://devtalk.kakao.com/t/topic/122056/2