diff --git a/src/app/SessionProvider.js b/src/app/SessionProvider.js
index d8f3caa9..c82eddaa 100644
--- a/src/app/SessionProvider.js
+++ b/src/app/SessionProvider.js
@@ -1,6 +1,8 @@
 'use client'
 
-import { createContext, useState } from 'react'
+import { loginUserStore } from '@/store/commonAtom'
+import { createContext, useEffect, useState } from 'react'
+import { useRecoilState } from 'recoil'
 
 export const SessionContext = createContext({
   session: {},
@@ -8,5 +10,11 @@ export const SessionContext = createContext({
 
 export default function SessionProvider({ useSession, children }) {
   const [session, setSession] = useState(useSession)
+  const [loginUserState, setLoginUserState] = useRecoilState(loginUserStore)
+
+  useEffect(() => {
+    setLoginUserState(session)
+  }, [session])
+
   return <SessionContext.Provider value={{ session }}>{children}</SessionContext.Provider>
 }
diff --git a/src/store/commonAtom.js b/src/store/commonAtom.js
index 1abcd1dc..1cfb16b8 100644
--- a/src/store/commonAtom.js
+++ b/src/store/commonAtom.js
@@ -32,3 +32,8 @@ export const slopeSelector = selectorFamily({
       return defaultSlope[degree]
     },
 })
+
+export const loginUserStore = atom({
+  key: 'loginUserState',
+  default: {},
+})