immer error when using extraReducers option in createSlice

[erfanasbari]

Hello. First of all thanks for your hard work that you put on this library.

My problem is that if I use extraReducers option in createSlice method from @reduxjs/toolkit and wrap the reducer using persistReducer I get this error message from immer: An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft

This is my slice:

export interface UserState {
	accesses: Access[];
}

const persistConfig: PersistConfig<UserState> = {
	storage,
	key: "user.profile",
	whitelist: ["accesses"],
};

const userSlice = createSlice({
	name: "profile",
	initialState: {
		accesses: [],
	} as UserState,
	extraReducers: (builder) => {
		builder.addMatcher(profileApi.endpoints.view.matchFulfilled, (state, { payload }) => {
			state.accesses = getAccessesFromRoles(payload.roles);
		});
	},
});

export default persistReducer(persistConfig, userSlice.reducer);

If I don't wrap my reducer in persistReducer the error will go away.

I tried returning a new state instead of mutating the state in extraReducers but it didn't work