diff --git a/src/app/survey-sale/basic-info/page.tsx b/src/app/survey-sale/basic-info/page.tsx
index 3df482f..20cbeb8 100644
--- a/src/app/survey-sale/basic-info/page.tsx
+++ b/src/app/survey-sale/basic-info/page.tsx
@@ -1,16 +1,6 @@
-'use client'
-
-import { useEffect } from 'react'
-import { useSurveySaleTabState } from '@/store/surveySaleTabState'
 import BasicForm from '@/components/survey-sale/detail/BasicForm'
 
 export default function page() {
-  const { setBasicInfoSelected } = useSurveySaleTabState()
-
-  useEffect(() => {
-    setBasicInfoSelected()
-  }, [])
-
   return (
     <>
       <BasicForm />
diff --git a/src/app/survey-sale/roof-info/page.tsx b/src/app/survey-sale/roof-info/page.tsx
index b0a1b98..2bdfea5 100644
--- a/src/app/survey-sale/roof-info/page.tsx
+++ b/src/app/survey-sale/roof-info/page.tsx
@@ -1,16 +1,6 @@
-'use client'
-
-import { useEffect } from 'react'
-import { useSurveySaleTabState } from '@/store/surveySaleTabState'
 import RoofInfoForm from '@/components/survey-sale/detail/RoofInfoForm'
 
 export default function page() {
-  const { setRoofInfoSelected } = useSurveySaleTabState()
-
-  useEffect(() => {
-    setRoofInfoSelected()
-  }, [])
-
   return (
     <>
       <RoofInfoForm />
diff --git a/src/components/survey-sale/detail/BasicForm.tsx b/src/components/survey-sale/detail/BasicForm.tsx
index fce0e49..f293495 100644
--- a/src/components/survey-sale/detail/BasicForm.tsx
+++ b/src/components/survey-sale/detail/BasicForm.tsx
@@ -1,6 +1,15 @@
 'use client'
 
+import { useEffect } from 'react'
+import { useSurveySaleTabState } from '@/store/surveySaleTabState'
+
 export default function BasicForm() {
+  const { setBasicInfoSelected } = useSurveySaleTabState()
+
+  useEffect(() => {
+    setBasicInfoSelected()
+  }, [])
+
   return (
     <>
       <div className="sale-frame">
diff --git a/src/components/survey-sale/detail/RoofInfoForm.tsx b/src/components/survey-sale/detail/RoofInfoForm.tsx
index bbe6546..e8850ca 100644
--- a/src/components/survey-sale/detail/RoofInfoForm.tsx
+++ b/src/components/survey-sale/detail/RoofInfoForm.tsx
@@ -1,6 +1,15 @@
 'use client'
 
+import { useEffect } from 'react'
+import { useSurveySaleTabState } from '@/store/surveySaleTabState'
+
 export default function RoofInfoForm() {
+  const { setRoofInfoSelected } = useSurveySaleTabState()
+
+  useEffect(() => {
+    setRoofInfoSelected()
+  }, [])
+
   return (
     <>
       <div className="sale-frame">