Breaking News: Grepper is joining You.com. Read the official announcement!

react hooks axios interceptor

Calm Caiman answered on October 26, 2023 Popularity 5/10 Helpfulness 2/10

answer react hooks axios interceptor

react hooks axios interceptor

Comment

import axios from 'axios';
import { useEffect } from 'react'
import { useNavigate } from 'react-router-dom'

const instance = axios.create({
    baseURL:  "https://example.com"
})

const AxiosInterceptor = ({ children }) => {

    const navigate = useNavigate();

    useEffect(() => {

        const resInterceptor = response => {
            return response;
        }

        const errInterceptor = error => {

            if (error.response.status === 401) {
                navigate('/login');
            }

            return Promise.reject(error);
        }


        const interceptor = instance.interceptors.response.use(resInterceptor, errInterceptor);

        return () => instance.interceptors.response.eject(interceptor);

    }, [navigate])

    return children;
}


export default instance;
export { AxiosInterceptor }

Popularity 5/10 Helpfulness 2/10 Language javascript

Source: dev.to

Tags: axios interceptor javascript react-hooks

Link to this answer
Share Copy Link

Contributed on Oct 26 2023

Calm Caiman

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

react hooks axios interceptor

Contents

More Related Answers

react hooks axios interceptor

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.