지도 겹침 증상해결 방법 부탁드리겠습니다

지도/로컬 API
1

안녕하세요, 지도 api관련 궁금한 부분이 있습니다.
지도가 한번 열리면 지도가 열리고 그다음 스카이 뷰를 클릭하니 뒤에 페이가 겹쳐지는 문제가 있습니다. 클릭시 화면을 내리고 다시 새로 여는 방법 이나 또 다른 방법이 있나여?. 계속 쌓이네요 지도가요

2 
  const [mapType, setMapType] = useState(null);
  const [renderedMap, setRenderedMap] = useState(null);
  const mapContainer = useRef(null);

  const { kakao } = window;
  const position = new kakao.maps.LatLng(37.6222, 137.357);
  const mapOptions = {
    center: position, // 지도의 중심좌표
    level: 4, // 지도의 확대 레벨
  };

  useEffect(() => {
    const map = new kakao.maps.Map(mapContainer.current, mapOptions);
    setRenderedMap(() => map);

    const zoomControl = new kakao.maps.ZoomControl();
    map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT);
  }, []);

  useEffect(() => {
    if (mapType === 'roadmap') {
      renderedMap.setMapTypeId(kakao.maps.MapTypeId.ROADMAP);
    } else {
      renderedMap.setMapTypeId(kakao.maps.MapTypeId.HYBRID);
    }
  }, [mapType]);

  const selectMapType = (type) => {
    setMapType(type);
  };
3

React에서 StrictMode모드를 사용할 경우 특정 함수가 2번 실행될 수 있습니다.
StrictMode를 사용하지 않는 방법과 StrictMode를 사용해야 된다면 2번 호출을 막는 방어 코드를 구현해 주시는 방법이 있습니다.
StrictMode 사용 여부를 확인해서 위 방법 참고 부탁드립니다.