From 99f9a50ad515b469300ce549ca32405224c67ad2 Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Wed, 16 Oct 2024 17:56:16 +0900
Subject: [PATCH] =?UTF-8?q?id=20->=20key=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../floor-plan/modal/roofShape/RoofShapePassivitySetting.jsx   | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/floor-plan/modal/roofShape/RoofShapePassivitySetting.jsx b/src/components/floor-plan/modal/roofShape/RoofShapePassivitySetting.jsx
index 8eaa4a49..ec1684a6 100644
--- a/src/components/floor-plan/modal/roofShape/RoofShapePassivitySetting.jsx
+++ b/src/components/floor-plan/modal/roofShape/RoofShapePassivitySetting.jsx
@@ -1,4 +1,3 @@
-import { useState } from 'react'
 import WithDraggable from '@/components/common/draggable/WithDraggable'
 import Eaves from '@/components/floor-plan/modal/roofShape/passivity/Eaves'
 import Gable from '@/components/floor-plan/modal/roofShape/passivity/Gable'
@@ -37,7 +36,7 @@ export default function RoofShapePassivitySetting({ setShowRoofShapePassivitySet
         <div className="modal-body">
           <div className="modal-btn-wrap">
             {buttons.map((button) => (
-              <button id={button.id} className={`btn-frame modal ${type === button.type ? 'act' : ''}`} onClick={() => setType(button.type)}>
+              <button key={button.id} className={`btn-frame modal ${type === button.type ? 'act' : ''}`} onClick={() => setType(button.type)}>
                 {button.name}
               </button>
             ))}