How to not show Axios errors in console?

Is it possible to not show axios errors in console while using React Query?

I have simple code:

const fetchData = async () => {
    const result = await axios.get("/api/user")
    return result.data
}

export const authUserQuery = () => ({
    queryKey: ["authUser"],
    queryFn: async () => {
        const data = await fetchData()
        return data
    },
})

const fetchData = async () => {
    const result = await axios.get("/api/user")
    return result.data
}

export const authUserQuery = () => ({
    queryKey: ["authUser"],
    queryFn: async () => {
        const data = await fetchData()
        return data
    },
})

When user is not authenticated, server responses with 401.

When I try to get data using

const user = useQuery(authUserQuery().queryKey, authUserQuery().queryFn)

const user = useQuery(authUserQuery().queryKey, authUserQuery().queryFn)

It tries 4 times with console.log

GET * 401 (Unauthorized)

GET * 401 (Unauthorized)

and then finishing with

AxiosError {message: 'Request failed with status code 401'

AxiosError {message: 'Request failed with status code 401'

I expect to see more suitable error in console, but not axios one.

TanStack•3y ago•

6 replies

incredible-moccasin

How to not show Axios errors in console?

Is it possible to not show axios errors in console while using React Query?

I have simple code:

const fetchData = async () => {
    const result = await axios.get("/api/user")
    return result.data
}

export const authUserQuery = () => ({
    queryKey: ["authUser"],
    queryFn: async () => {
        const data = await fetchData()
        return data
    },
})

const fetchData = async () => {
    const result = await axios.get("/api/user")
    return result.data
}

export const authUserQuery = () => ({
    queryKey: ["authUser"],
    queryFn: async () => {
        const data = await fetchData()
        return data
    },
})

When user is not authenticated, server responses with 401.

When I try to get data using

const user = useQuery(authUserQuery().queryKey, authUserQuery().queryFn)

const user = useQuery(authUserQuery().queryKey, authUserQuery().queryFn)

It tries 4 times with console.log

GET * 401 (Unauthorized)

GET * 401 (Unauthorized)

and then finishing with

AxiosError {message: 'Request failed with status code 401'

AxiosError {message: 'Request failed with status code 401'

I expect to see more suitable error in console, but not axios one.

How to not show Axios errors in console?

Similar Threads

How to not show Axios errors in console?

Similar Threads

Similar Threads

Similar Threads