안녕하세요,
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 측에서 보완 가능한 부분인지궁금하여 글을 남깁니다.
감사합니다.