‼️fix: settings 수정 로직 변경

- useEffect 두번 실행 되던 문제 해결

src/hooks/option/useCanvasSetting.js

@@ -48,7 +48,8 @@ export function useCanvasSetting() {
   const [settingModalFirstOptions, setSettingModalFirstOptions] = useRecoilState(settingModalFirstOptionsState)
   const [settingModalSecondOptions, setSettingModalSecondOptions] = useRecoilState(settingModalSecondOptionsState)
 
-  const [settingsData, setSettingsData] = useRecoilState(settingsState)
+  // const [settingsData, setSettingsData] = useRecoilState(settingsState)
+  const [settingsData, setSettingsData] = useState({ ...settingModalFirstOptions, ...settingModalSecondOptions })
   const { option1, option2, dimensionDisplay } = settingModalFirstOptions
   const { option4 } = settingModalSecondOptions
 
@@ -130,7 +131,9 @@ export function useCanvasSetting() {
     }
   }, [canvasSetting])
 
-  useEffect(() => {}, [settingsData])
+  useEffect(() => {
+    console.log('🚀 ~ useEffect ~ settingsData:', settingsData)
+  }, [settingsData])
 
   //흡착점 ON/OFF 변경 시
   // useEffect(() => {