How can i refresh store redux toolkit after logout

Question

I'm trying to reset all reducer in my store using redux toolkit after logout. But all my attempts were unsuccessful. How can I do it?

Answer 1

I usually follow this style. Keep an initial state for the store.

Revert back to that initial state when logout.

Example:

const User = {
    name: "",
    username: ""
}

export const authSlice = createSlice({
  name: "User",
  initialState: User,
  reducers: {
    setUserInfo: (state, { payload }) => {
        // Setting User Data
    },
    logoutUser: () => User
  }
});

or simply reload the page so that redux state gets empty.