From dade71dd4c4a9c85f97cf1a3d1ccb680f315123a Mon Sep 17 00:00:00 2001
From: corpi <lj845854@gmail.com>
Date: Mon, 2 Mar 2026 18:08:14 +0900
Subject: [PATCH] =?UTF-8?q?fix(sound-preset):=20=EB=AF=B9=EC=84=9C=20?=
 =?UTF-8?q?=ED=86=A0=EA=B8=80=20=EC=A4=91=EC=B2=A9=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EA=B5=AC=EC=A1=B0=EB=A5=BC=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

맥락:
- 사운드 패널에서 button 내부에 Chip(button)이 중첩되어 hydration 에러가 발생했습니다.

변경사항:
- 믹서 토글 버튼 내부의 Chip 컴포넌트를 정적 span 배지로 교체했습니다.
- button > button 중첩 DOM을 제거해 HTML 제약을 준수하도록 수정했습니다.

검증:
- npx tsc --noEmit
- npm run build

세션-상태: /space 사운드 시트의 hydration 오류가 해결되었습니다.
세션-다음: Setup Drawer 프리미엄 톤 UI 조정 반영분을 별도 커밋합니다.
세션-리스크: 없음.
---
 src/features/sound-preset/ui/SoundPresetControls.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/features/sound-preset/ui/SoundPresetControls.tsx b/src/features/sound-preset/ui/SoundPresetControls.tsx
index 9f929b8..e2a137b 100644
--- a/src/features/sound-preset/ui/SoundPresetControls.tsx
+++ b/src/features/sound-preset/ui/SoundPresetControls.tsx
@@ -1,5 +1,5 @@
 import { SOUND_PRESETS } from '@/entities/session';
-import { Chip, Toggle } from '@/shared/ui';
+import { Toggle } from '@/shared/ui';
 import type { SoundTrackKey } from '../model/useSoundPresetSelection';
 
 interface SoundPresetControlsProps {
@@ -67,9 +67,9 @@ export const SoundPresetControls = ({
         className="inline-flex items-center gap-2 text-xs text-white/70 transition hover:text-white"
       >
         <span>{isMixerOpen ? 'Mixer 접기' : 'Mixer 펼치기'}</span>
-        <Chip tone="neutral" className="!cursor-pointer !px-2 !py-0.5 text-[10px]">
+        <span className="inline-flex items-center rounded-full bg-white/10 px-2 py-0.5 text-[10px] font-medium text-white/86 ring-1 ring-white/20">
           더미
-        </Chip>
+        </span>
       </button>
 
       {isMixerOpen ? (