메인 api 2번 호출현상 수정

src/components/main/MainContents.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState, useContext } from 'react'
 import ProductItem from './ProductItem'
 import { useMessage } from '@/hooks/useMessage'
 import Image from 'next/image'
@@ -8,17 +8,16 @@ import { useRecoilValue } from 'recoil'
 import { useRouter } from 'next/navigation'
 import { globalLocaleStore } from '@/store/localeAtom'
 import { queryStringFormatter } from '@/util/common-utils'
-import { sessionStore } from '@/store/commonAtom'
 import MainSkeleton from '../ui/MainSkeleton'
+import { SessionContext } from '@/app/SessionProvider'
 
 export default function MainContents() {
+  const { session } = useContext(SessionContext)
   const { getMessage } = useMessage()
   const router = useRouter()
   const globalLocaleState = useRecoilValue(globalLocaleStore)
   const { promiseGet } = useAxios(globalLocaleState)
 
-  const sessionState = useRecoilValue(sessionStore)
-
   //최근 물건
   const [objectList, setObjectList] = useState([])
 
@@ -36,12 +35,12 @@ export default function MainContents() {
     fetchObjectList()
     fetchNoticeList()
     fetchFaqList()
-  }, [sessionState])
+  }, [])
 
   //최근 갱신 물건목록 / Sales Contact info 정보
   const fetchObjectList = async () => {
     try {
-      const apiUrl = `/api/main-page/object/${sessionState?.storeId}/list`
+      const apiUrl = `/api/main-page/object/${session?.storeId}/list`
       await promiseGet({
         url: apiUrl,
       }).then((res) => {