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’.
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 propiedaddata
. Es posible que necesites actualizar la definición de tipo para incluir la propiedaddata
.