page 화면에서 모듈 전달하는식으로 수정중 1

apps/sn/app/map/page.tsx

@@ -3,6 +3,7 @@
 import Gis from "@common/business_components/ui/map/Gis";
 import { useEffect, useState } from "react";
 import { mapService } from "@service";
+import SearchModal from '@/map/SearchModal';
 
 const Map = () => {
   const [treeData, setTreeData] = useState([]); // 초기값을 객체 또는 null로 설정
@@ -24,7 +25,7 @@ const Map = () => {
 
   return (
     <div className="bg-container">
-      <Gis treeData={treeData} isSearch={true} />
+      <Gis treeData={treeData} isSearch={true} searchModal={SearchModal}/>
     </div>
   );
 };

packages/common/business_components/src/ui/map/Gis.js

@@ -11,12 +11,11 @@ import GisApp from './lib/gis.core';
 import GisContent from './GisContent';
 import FeatureClickEventPopup from '@/map/featureClickEventPopup';
 import GisTree from './GisTree';
-import SearchModal from '@/map/SearchModal';
 
 export const GisContext = createContext({ gisCore: null, gisMap: null, treeData: null, checkedLayerIds: null });
 export const useGisContext = () => useContext(GisContext);
 
-function Gis({ treeData = [], isSearch = false }) {
+function Gis({ treeData = [], isSearch = false, searchModal : SearchModal }) {
 	const mapRef = useRef();
 	const [mapObject, setMapObject] = useState({});
 	const [tabVisible, setTabVisible] = useState(true);
@@ -24,7 +23,7 @@ function Gis({ treeData = [], isSearch = false }) {
 	const [featureData, setFeatureData] = useState(null) // 선택된 피쳐 데이터
 	const [isSearchModalOpen, setIsSearchModalOpen] = useState(false); // SearchModal 열림 상태
 	const gisCore = useMemo(() => new GisApp.core({ targetId: mapRef.current }), []);
-	const mapInstanceRef = useRef(null); // 맵 생성 여부를 추적할 ref
+	const mapInstanceRef = useRef(null);
 	const checkedLayerIds = useRef([]);
 	let gisMap = null;
 	const closePopup = () => {