Map을 전역으로 사용

안녕하세요 고생 많으십니다. next.js로 개발중입니다.
현재 지도를 띄우는 페이지, 장소검색만 필요한 페이지가 따로 있습니다.
지도를 띄우는 페이지에 들어가야 useEffect로 맵이 불러와지는데,
이렇게하면 장소검색만 하고 싶은경우 kakao가 정의 되어있지 않아 const ps=new kakao.maps.services.Places(); 여기서 오류가 발생합니다. 장소검색만 필요한경우에도 새로 initMap으로 맵 객체를 한번 더 불러와야하나요?

요약하자면,

  1. 지도 띄우는 페이지에서 useEffect로 맵을 불러옴 (커스텀 훅)
  2. 장소 검색만 필요한 페이지 따로 있음
  3. 지도 띄우는 페이지에 들어가기 전에 장소 검색을 하면 kakao객체가 없어서오류

리덕스로 맵을 전역으로 관리할까도 생각해 봤지만 리덕스가 스트링형태로 직렬화해서 dispatch를 해서 dispatch(setMap(map))하면 오류가 나고… 힘듭니다ㅠ

한가지만 더 여쭤볼게요…!! 줌 인-아웃 할 때 처음 설정한 center가 잠깐 휙 보여지고 줌인아웃 되는데 원래 이런가요…?

장소 검색만 필요한 경우 로컬 REST API를 요청해서 사용하는 방법이 있습니다.

그리고 2번째 center관련 문의는 현상을 확인할 수 있는 코드 첨부 부탁드립니다.