nt_web_template/full-stack-fastapi-template
2
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

🥅 Handle AxiosErrors in Login page (#1162)

Browse Source
This commit is contained in:
Patrick Arminio
2024-04-09 16:11:09 +02:00
committed by GitHub
parent b8aef74702
commit d0fbd0e925
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/hooks/useAuth.ts
View File

@@ -2,6 +2,7 @@ import { useMutation, useQuery } from "@tanstack/react-query"
import { useNavigate } from "@tanstack/react-router" import { useNavigate } from "@tanstack/react-router"
import { useState } from "react" import { useState } from "react"
import { AxiosError } from "axios"
import { import {
type Body_login_login_access_token as AccessToken, type Body_login_login_access_token as AccessToken,
type ApiError, type ApiError,
@@ -36,7 +37,12 @@ const useAuth = () => {
navigate({ to: "/" }) navigate({ to: "/" })
}, },
onError: (err: ApiError) => { onError: (err: ApiError) => {
const errDetail = (err.body as any)?.detail let errDetail = (err.body as any)?.detail
if (err instanceof AxiosError) {
errDetail = err.message
}
setError(errDetail) setError(errDetail)
}, },
}) })