🐛 CI 에서 잡힌 타입에러 수정

Author: Nago730

apps/editor/src/entities/modal/model/store.ts

@@ -1,11 +1,23 @@
 import { create } from 'zustand';
 
-export const useModalStore = create((set) => ({
-    modals: [
-      { id: 'm1', name: '로그인 팝업' },
-      { id: 'm2', name: '공지사항' },
-    ],
-    activeModalId: null,
-    selectModal: (id: string) => set({ activeModalId: id }),
-    createModal: () => alert('새 모달 생성 모드 진입'),
-  }));
+interface Modal {
+  id: string;
+  name: string;
+}
+
+interface ModalState {
+  modals: Modal[];
+  activeModalId: string | null;
+  selectModal: (id: string) => void;
+  createModal: () => void;
+}
+
+export const useModalStore = create<ModalState>((set) => ({
+  modals: [
+    { id: 'm1', name: '로그인 팝업' },
+    { id: 'm2', name: '공지사항' },
+  ],
+  activeModalId: null,
+  selectModal: (id: string) => set({ activeModalId: id }),
+  createModal: () => alert('새 모달 생성 모드 진입'),
+}));

apps/editor/src/entities/page/model/store.ts

@@ -1,6 +1,17 @@
 import { create } from 'zustand';
 
-export const usePageStore = create((set) => ({
+interface Page {
+  id: string;
+  name: string;
+}
+
+interface PageState {
+  pages: Page[];
+  activePageId: string;
+  selectPage: (id: string) => void;
+}
+
+export const usePageStore = create<PageState>((set) => ({
   pages: [
     { id: '1', name: '메인 페이지' },
     { id: '2', name: '상품 상세' },

apps/editor/src/entities/section/model/store.ts

@@ -1,6 +1,16 @@
 import { create } from 'zustand';
 
-export const useSectionStore = create((set) => ({
+interface Section {
+  id: string;
+  name: string;
+}
+
+interface SectionState {
+  sections: Section[];
+  selectSection: (id: string) => void;
+}
+
+export const useSectionStore = create<SectionState>((set) => ({
   sections: [
     { id: 's1', name: '히어로 섹션' },
     { id: 's2', name: '특징 소개' },

apps/editor/src/shared/lib/component-defaults.ts

@@ -5,7 +5,7 @@ import { NodeStyle } from "@repo/ui/types/styles";
 // ComponentDefault Data Type
 // 추천 코드를 반영하여 layout 필드를 분리하고 타입 안정성을 강화했습니다.
 export interface ComponentDefaults {
-  props: any;            // 각 노드 타입에 맞는 props (통합 노드 타입에서 추론)
+  props: Record<string, unknown>; // 각 노드 타입에 맞는 props (통합 노드 타입에서 추론)
   style: NodeStyle;      // @repo/ui의 규격화된 스타일 구조 (root 등)
   layout: WcxNode['layout']; // x, y, width, height, zIndex
 }

apps/editor/src/widgets/left-sidebar/ui/sub-panels/ComponentPanel.tsx

@@ -3,6 +3,7 @@ import { StaticContent } from './base/StaticContent';
 import { STATIC_PANEL_DATA } from '../../model/constants';
 
 import { useCreateCanvasNode } from '../../../../features/canvas/model/useCreateCanvasNode';
+import type { WcxNode } from '@repo/ui/types/nodes';
 
 export const ComponentPanel = () => {
   const { title, description, items } = STATIC_PANEL_DATA.component;
@@ -13,14 +14,14 @@ export const ComponentPanel = () => {
     // TODO: 프로젝트 전역에서 사용할 수 있는 전용 핸들러(Feature)로 이 로직을 추출할지 검토
     createNode({
       pageId: 201,
-      type: item.id as any // TODO: STATIC_PANEL_DATA의 타입을 WcxNode['type']과 매핑하여 타입 단언 제거 필요
+      type: item.id as WcxNode['type'] // TODO: STATIC_PANEL_DATA의 타입을 WcxNode['type']과 매핑하여 타입 단언 제거 필요
     });
   };
 
   return (
     <PanelBaseLayout title={title} description={description}>
       <StaticContent
-        items={items as any}
+        items={items}
         onItemClick={handleComponentClick}
       />
     </PanelBaseLayout>

apps/editor/src/widgets/left-sidebar/ui/sub-panels/ModalPanel.tsx

@@ -3,7 +3,7 @@ import { DynamicContent } from './base/DynamicContent';
 import { useModalStore } from '@/entities/modal';
 
 export const ModalPanel = () => {
-  const { modals, selectModal, createModal }: any = useModalStore();
+  const { modals, selectModal, createModal } = useModalStore();
 
   return (
     <PanelBaseLayout title="모달" description="목록">

apps/editor/src/widgets/left-sidebar/ui/sub-panels/PagePanel.tsx

@@ -3,7 +3,7 @@ import { DynamicContent } from './base/DynamicContent';
 import { usePageStore } from '@/entities/page'; // 예시 엔티티 참조
 
 export const PagePanel = () => {
-  const { pages, activePageId, selectPage }: any = usePageStore();
+  const { pages, activePageId, selectPage } = usePageStore();
 
   return (
     <PanelBaseLayout title="페이지" description="목록">

apps/editor/src/widgets/left-sidebar/ui/sub-panels/SectionPanel.tsx

@@ -3,7 +3,7 @@ import { DynamicContent } from './base/DynamicContent';
 import { useSectionStore } from '@/entities/section';
 
 export const SectionPanel = () => {
-  const { sections, selectSection }: any = useSectionStore();
+  const { sections, selectSection } = useSectionStore();
 
   return (
     <PanelBaseLayout title="섹션" description="페이지 이름">