es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

React Redux: ¿Cómo manejar errores en consultas/mutaciones RTK utilizando Typescript?

Espero que estén bien.

Estoy usando Typescript con RTK mutation y todo funciona bien, pero si envío cualquier error desde el backend en un formato JSON específico como este:

{
status: “Error”,
message “Algo salió mal”
}

cuando verifico en la pestaña de red de mi navegador, me muestra la respuesta de error correcta como esta:

{
data: {
status: “Error”,
message “Algo salió mal”
}
}

Estoy obteniendo un error en el gancho de mutación:

const [createCategory, { isLoading, error }] = useCreateCategoryMutation();

pero no puedo acceder a error.data.message en mi React, me da un error de tipos como este:

La propiedad ‘data’ no existe en el tipo ‘FetchBaseQueryError | SerializedError’.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Respuesta
    Parece que estás teniendo un problema con las definiciones de tipo para el gancho de mutación. Parece que la definición de tipo para la variable error no está esperando que exista la propiedad data. Es posible que necesites actualizar la definición de tipo para incluir la propiedad data.

Comments are closed.