diff --git a/src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx b/src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx
index 9b4beb8f..8b2aca85 100644
--- a/src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx
+++ b/src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { useMessage } from '@/hooks/useMessage'
 import WithDraggable from '@/components/common/draggable/WithDraggable'
 import { useRecoilValue } from 'recoil'
diff --git a/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx b/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx
index 2d36c4eb..9a6c7b84 100644
--- a/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx
+++ b/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx
@@ -1,6 +1,8 @@
-import WithDraggable from '@/components/common/draggable/withDraggable'
+'use client'
+
 import { useState } from 'react'
 import { useMessage } from '@/hooks/useMessage'
+import WithDraggable from '@/components/common/draggable/withDraggable'
 
 export default function PanelBatchStatistics() {
   const { getMessage } = useMessage()