컴포넌트 화면편집기에 배치

frontend/hooks/admin/useComponentDuplicateCheck.ts

@@ -0,0 +1,16 @@
+import { useQuery } from "@tanstack/react-query";
+import { checkComponentDuplicate } from "@/lib/api/componentApi";
+
+export const useComponentDuplicateCheck = (componentCode: string, enabled: boolean = true) => {
+  return useQuery({
+    queryKey: ["componentDuplicateCheck", componentCode],
+    queryFn: async () => {
+      const result = await checkComponentDuplicate(componentCode);
+      console.log(`🔍 중복 체크 응답 데이터:`, { componentCode, result, isDuplicate: result.isDuplicate });
+      return result;
+    },
+    enabled: enabled && !!componentCode && componentCode.length > 0,
+    staleTime: 0, // 항상 최신 데이터 확인
+    retry: false, // 실패 시 재시도 안함
+  });
+};