El problema es el uso de una función de flecha sin llaves como reductor, porque actúa como una declaración de retorno implícita. Entonces, ambos están mutando state.token y devolviendo el resultado de la asignación.

Según los documentos de Immer sobre la devolución de datos , hay un par de formas de solucionar esto:

• Agregar el operador void delante de la asignación
• Envolviendo la tarea entre llaves para convertirla en un cuerpo de función

por lo que setToken reducer se puede actualizar con void como

 setToken: (state, action) => void(state.token = action.payload.test)

En lugar de

 state.token = action.payload.token

utilizar

 const token = action.payload.token state.token = token

Las constantes son inmutables, y asignar contenido de action.payload a una constante resolvió un problema para mí (Tenga en cuenta que en caso de que la carga útil sea un objeto, no es necesario

Ejemplo de trabajo de createSlice:

 import { createSlice } from '@reduxjs/toolkit'; export const slice = createSlice({ name: 'login', initialState: { username: "Foo", password: "AAA", authorized : false }, reducers: { setUsername: (state, action) => { const value = action.payload state.username = value // action.payload.username }, setPassword: (state, action) => { const value = action.payload state.password = value // action.payload.password }, logon: (state, action) => { state.username = action.payload.username state.password = action.payload.password state.authorized = true }, logoff: state => state.authorized = false }, });

puedes olvidar el descanso; declaración en su archivo reducer.js;

 case LOGIN_USER_ERROR_RESET: draft.errormsg = ''; draft.loading = false; draft.error = false; break;

Puntos para aprender sobre IMMER

1. Si devuelve algo que no sea borrador de la función de receta, ese valor de retorno reemplazará el estado
2. En su mayoría, desea mutar el borrador para mutar el estado, ** por lo que devolver el borrador después de modificarlo es opcional **, el immer devolverá el borrador finalizado de todos modos
3. si devuelve algo más de la función de recipe , según el punto 1, el nuevo valor de retorno reemplazará el estado
4. El punto 3 está bien, solo si no modifica el borrador en su función de receta . es decir, puedes elegir uno de los dos
   un. modificar el borrador -> devolver borrador o indefinido, cualquiera está bien
   B. quiere devolver algún valor nuevo, entonces no toque el borrador en absoluto

Ahora viene a responder a la pregunta. esta es tu función reductora

 (state, action) => state.token = action.payload.test

Esta función está haciendo dos cosas,
1. modificando el estado
2. devolver action.payload.test

entonces está violando el punto 4 y, por lo tanto, el error de la biblioteca Immer

en este caso específico, la intención es solo modificar el estado, por lo que tenemos que deshacer la devolución existente con void

 setToken: (state, action) => void(state.token = action.payload.test)

Sin embargo, la biblioteca de Immer recomienda el uso de un bloque de código para asegurar la coherencia en una gran base de código, este bloque de código implícitamente devuelve indefinido

 setToken: (state, action) => { state.token = action.payload.test }

Intente verificar este enlace para Copiar sin referencia

Respuesta correcta

Usar en lugar de

 const userAuthSlice = createSlice({ name: "userAuth", initialState: { token: '', }, reducers: { setToken: (state, action) => state.token = action.payload.test, }, });

Usa esto {Acabo de agregar corchetes}

 const userAuthSlice = createSlice({ name: "userAuth", initialState: { token: '', }, reducers: { setToken: (state, action) => { state.token = action.payload.test}, // <<= Change Here }, });

Para aquellos que trabajan con React PullState , mi problema fue con la sintaxis:

Tuve:

 const onUpdate = (value: any) => { someStore.update((s) => (s.value = value)); };

pero tiene que ser:

 const onUpdate = (value: any) => { someStore.update((s) => { s.value = value; }); };

Por alguna razón, no le gusta la función de flecha declarada en el primer enfoque.