diff --git a/src/app/management/ManagementProvider.js b/src/app/management/ManagementProvider.js
new file mode 100644
index 00000000..9252d5f1
--- /dev/null
+++ b/src/app/management/ManagementProvider.js
@@ -0,0 +1,19 @@
+'ues client'
+
+import { createContext, useEffect, useState } from 'react'
+
+export const ManagementContext = createContext({
+  managementState: {},
+})
+
+const ManagementProvider = ({ children }) => {
+  const [managementState, setManagementState] = useState({})
+
+  useEffect(() => {
+    console.log('🚀 ~ managementState:', managementState)
+  }, [managementState])
+
+  return <ManagementContext.Provider value={{ managementState, setManagementState }}>{children}</ManagementContext.Provider>
+}
+
+export default ManagementProvider
diff --git a/src/app/management/layout.js b/src/app/management/layout.js
new file mode 100644
index 00000000..b0e031c7
--- /dev/null
+++ b/src/app/management/layout.js
@@ -0,0 +1,7 @@
+'use client'
+
+import ManagementProvider from './ManagementProvider'
+
+export default function ManagementLayout({ children }) {
+  return <ManagementProvider>{children}</ManagementProvider>
+}