Как переделать хранилище redux toolkit под react context?

Question

[jakamenchik]

у меня есть компонент user/slice он нужен для авториазции

import { createSlice } from "@reduxjs/toolkit";

const initialState = {
  email: null,
  token: null,
  id: null,
};

const userSlice = createSlice({
  name: "user",
  initialState,
  reducers: {
    setUser(state, action) {
      state.email = action.payload.email;
      state.token = action.payload.token;
      state.id = action.payload.id;
    },
    removeUser(state) {
      state.email = null;
      state.token = null;
      state.id = null;
      
    },
  },
});

export const { setUser, removeUser } = userSlice.actions;
export default userSlice.reducer;

и мне нужно переделать этот компонент так что бы использовать не redux а react context (с которым я вообще не знаком)