From fbe03aaea492ccd6df9fa3b2440871de1e137a45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=ED=98=81=EC=84=B1?= <shine1324@gmail.com>
Date: Tue, 10 Feb 2026 20:13:12 +0900
Subject: [PATCH] =?UTF-8?q?fix(WEB):=20StepDetailClient=20mode=20=ED=8C=90?=
 =?UTF-8?q?=EB=B3=84=EC=9D=84=20useMemo=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/process-management/StepDetailClient.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/process-management/StepDetailClient.tsx b/src/components/process-management/StepDetailClient.tsx
index b29ff0d9..b726bc1a 100644
--- a/src/components/process-management/StepDetailClient.tsx
+++ b/src/components/process-management/StepDetailClient.tsx
@@ -9,7 +9,7 @@
  * - /[id]/steps/new → 등록
  */
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { useSearchParams } from 'next/navigation';
 import { StepDetail } from './StepDetail';
 import { StepForm } from './StepForm';
@@ -31,11 +31,11 @@ export function StepDetailClient({ processId, stepId }: StepDetailClientProps) {
   const modeFromQuery = searchParams.get('mode') as DetailMode | null;
   const isNewMode = stepId === 'new';
 
-  const [mode] = useState<DetailMode>(() => {
+  const mode = useMemo<DetailMode>(() => {
     if (isNewMode) return 'create';
     if (modeFromQuery === 'edit') return 'edit';
     return 'view';
-  });
+  }, [isNewMode, modeFromQuery]);
 
   const [stepData, setStepData] = useState<ProcessStep | null>(null);
   const [isLoading, setIsLoading] = useState(!isNewMode);