모듈 배치면 선택 해제 로직 추가

src/hooks/usePlan.js

@@ -5,7 +5,7 @@ import { usePathname, useRouter } from 'next/navigation'
 
 import { useRecoilState, useResetRecoilState } from 'recoil'
 
-import { canvasState, currentCanvasPlanState, plansState, canvasSettingState } from '@/store/canvasAtom'
+import { canvasState, currentCanvasPlanState, plansState, canvasSettingState, currentObjectState, moduleSetupSurfaceState } from '@/store/canvasAtom'
 import { useAxios } from '@/hooks/useAxios'
 import { useMessage } from '@/hooks/useMessage'
 import { useSwal } from '@/hooks/useSwal'
@@ -61,6 +61,11 @@ export function usePlan(params = {}) {
   const [selectedModules, setSelectedModules] = useRecoilState(selectedModuleState)
   const { selectedMenu, setSelectedMenu } = useCanvasMenu()
 
+  //선택된 객체 초기화
+  const resetCurrentObject = useResetRecoilState(currentObjectState)
+  //선택된 모듈 배치면 초기화
+  const resetModuleSetupSurface = useResetRecoilState(moduleSetupSurfaceState)
+
   /**
    * 마우스 포인터의 가이드라인 제거
    */
@@ -415,6 +420,8 @@ export function usePlan(params = {}) {
   useEffect(() => {
     setSelectedPlan(currentCanvasPlan)
     handleCurrentPlanUrl()
+    resetCurrentObject()
+    resetModuleSetupSurface()
   }, [currentCanvasPlan])
 
   /**