update redux

src/store/StoreProvider.tsx

@@ -0,0 +1,14 @@
+'use client';
+
+import { useRef } from 'react';
+import { Provider } from 'react-redux';
+import { store } from './store';
+
+export default function StoreProvider({
+    children,
+}: {
+    children: React.ReactNode;
+}) {
+    const storeRef = useRef(store);
+    return <Provider store={storeRef.current}>{children}</Provider>;
+}

src/store/features/userSlice.ts

@@ -0,0 +1,29 @@
+import { UserData } from '@/interface/user';
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+
+interface UserState {
+    data: UserData | null;
+    isAuthenticated: boolean;
+}
+const initialState: UserState = {
+    data: null,
+    isAuthenticated: false,
+};
+
+const userSlice = createSlice({
+    name: 'user',
+    initialState,
+    reducers: {
+        setUserData: (state, action: PayloadAction<UserData>) => {
+            state.data = action.payload;
+            state.isAuthenticated = true;
+        },
+        clearUserData: (state) => {
+            state.data = null;
+            state.isAuthenticated = false;
+        },
+    },
+});
+
+export const { setUserData, clearUserData } = userSlice.actions;
+export default userSlice.reducer;

src/store/store.ts

@@ -0,0 +1,11 @@
+import { configureStore } from '@reduxjs/toolkit';
+import userReducer from './features/userSlice';
+
+export const store = configureStore({
+    reducer: {
+        user: userReducer,
+    },
+});
+
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;