Estoy tratando de mostrar un error en mi componente que se envía desde mis acciones y se asigna a mi constancia de errorAlert , sin embargo, siempre vuelve como nulo, incluso cuando hay contenido en mi estado según console.log . He compartido los resultados del registro de la consola a continuación.

¿Hay algún problema al asignar una variable de estado redux a una const?

rebanada.js

 const auth = createSlice({ name: "auth", initialState: verifiedResult: {}, reducers: { verifySuccess(state, { payload }) { state.verifiedResult = payload; state.isLoading = false; state.error = null; } }

acción.js

 ... if (result.state === "pending") { await new Promise((resolve) => setTimeout(resolve, 10000)); } else if (result.state === "failed") { dispatch(verifySuccess(result)); break;

componente.js

 .... const errorAlert = auth.verifiedResult.cel_number === false ? "The number associated with your account is not a valid." : auth.verifiedResult.prepaid_number === false ? "Mobile number is not Prepaid or is not active." : auth.verifiedResult.has_recharged === false ? "Mobile number must be recharged in the past 30 days" : null; return ( <> {errorAlert && <div>{errorAlert}</div>} </> )}

consola.log

 ::auth.verifiedResult:: { state: "failed" cel_number: 'XXX XXX XXX' prepaid_number: false recharged: false } :::errorAlert::: null