React 카카오맵 api 모달창에서 사용

메인 페이지에서 제가 카카오맵api를 잘 쓰고 있습니다. 해당 페이지에서 useState를 사용하여 true,false를 이용하여 모달창을 띄우는데 그 모달창에서 메인페이지와 다른 카카오맵을 띄우고 싶어서 component로 하나 다시 만들어서 modal창에 넣어줬느데 모달창에는 아무것도 뜨지않고 error도 나지 않았습니다. 확인해보니 모달창 뒤에 있는 즉, 메인페이지의 카카오맵이 모달창을 위한 맵설정대로 바뀌고 있는것을 확인했습니다. 모달창에서 카카오맵을 따로 사용하기 위해서는 어떻게 해야할까요?

메인 페이지와 모달창 내 지도 Element id가 고유한지, 생성한 지도 객체를 따로 관리하고 있는지 확인해주세요.
그리고 모달창에서 지도를 사용할 경우, 모달창이 열릴 때 relayout() API를 호출해주셔야 합니다.
아래 답변 참고해주세요.
https://devtalk.kakao.com/t/topic/122056/2?u=lea.ju