로컬 환경에서 필터 적용 후 마커 렌더링이 안되는 문제

안녕하세요,

react-kakao-maps-sdk를 사용하여 지도 기반 서비스를 개발 중입니다.

현재 React 18 + Vite 환경(macOS)에서 커스텀 마커를 지도에 표시하고, 필터 기능으로 일부 마커만 보여주는 기능을 구현하고 있습니다.

그런데 로컬 개발 환경에서 React Strict Mode 가 활성화되어 있는 경우, 마커 필터링 이후 일부 마커가 표시되지 않는 문제 가 발생합니다.

초기 렌더링은 정상적으로 이루어지지만, Strict Mode로 인해 컴포넌트가 한 번 언마운트 후 리마운트되면서 onCreate 훅 안에서 전달받는 marker 객체가 null인 상태로 전달되는 현상이 발생합니다.

이에 따라 필터링된 마커가 화면에 표시되지 않습니다.

현재는 try-catch로 해당 오류를 무시하거나, 에 key를 주어 강제로 리렌더링하는 방식으로 우회하고 있지만, 이는 임시적인 해결책이라 판단됩니다.

      onCreate={(marker) => {
        try {
          if (marker && typeof marker.setVisible === 'function') {
            marker.setVisible(!disabled);
          }
        } catch (error) {
          console.error('Error in marker onCreate:', error);
        }

혹시 이 문제가:

  • React Strict Mode와의 생명주기 차이로 인한 예상 가능한 현상인지
  • 카카오맵 API 측에서 보완 가능한 부분인지궁금하여 글을 남깁니다.

감사합니다.

해당 라이브러리는 공식 제공 라이브러리가 아니기 때문에 라이브러리를 제공하는 사이트로 이슈 등록 부탁드립니다.