From caa642b65b35090f1542dc2516f614b5fed73feb Mon Sep 17 00:00:00 2001
From: yoosangwook <yoo32767@gmail.com>
Date: Mon, 28 Oct 2024 15:48:52 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20menuNumber=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/floor-plan/FloorPlan.jsx | 5 ++++-
 src/hooks/common/useCanvasMenu.js       | 5 +++--
 src/store/menuAtom.js                   | 6 ++++++
 3 files changed, 13 insertions(+), 3 deletions(-)
 create mode 100644 src/store/menuAtom.js

diff --git a/src/components/floor-plan/FloorPlan.jsx b/src/components/floor-plan/FloorPlan.jsx
index caf9a2d7..adee1b60 100644
--- a/src/components/floor-plan/FloorPlan.jsx
+++ b/src/components/floor-plan/FloorPlan.jsx
@@ -25,10 +25,13 @@ export default function FloorPlan({ children }) {
     setMenuNumber,
   }
   useEffect(() => {
-    console.log('FloorPlan useEffect 실행')
     fetchSettings()
   }, [objectNo])
 
+  useEffect(() => {
+    setMenuNumber(1)
+  }, [])
+
   // Canvas Setting 조회
   const fetchSettings = async () => {
     try {
diff --git a/src/hooks/common/useCanvasMenu.js b/src/hooks/common/useCanvasMenu.js
index 23f594d9..f8758e3e 100644
--- a/src/hooks/common/useCanvasMenu.js
+++ b/src/hooks/common/useCanvasMenu.js
@@ -1,7 +1,8 @@
-import { useState } from 'react'
+import { menuNumberState } from '@/store/menuAtom'
+import { useRecoilState } from 'recoil'
 
 export const useCanvasMenu = () => {
-  const [menuNumber, setMenuNumber] = useState(null)
+  const [menuNumber, setMenuNumber] = useRecoilState(menuNumberState)
 
   return {
     menuNumber,
diff --git a/src/store/menuAtom.js b/src/store/menuAtom.js
new file mode 100644
index 00000000..b86ecbd0
--- /dev/null
+++ b/src/store/menuAtom.js
@@ -0,0 +1,6 @@
+import { atom } from 'recoil'
+
+export const menuNumberState = atom({
+  key: 'menuNumberState',
+  default: null,
+})