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>
             ))}