axios http interceptor with minimum delayed response

httpInterceptor.js

const httpInterceptor = {
  setupInterceptors: () => {
    axios.interceptors.request.use((config) => {
      return {
        ...config,
        p0: performance.now(),
      };
    }, (error) => Promise.reject(error));

    axios.interceptors.response.use(async (response) => {
      const minimumDelay = 500;
      const latency = performance.now() - response.config.p0;
      const shouldNotDelay = minimumDelay < latency;

      if (shouldNotDelay) {
        return response;
      }

      const remainder = minimumDelay - latency;
      const [responseWithDelay] = await Promise.all([
        response,
        new Promise((resolve) => setTimeout(resolve, remainder)),
      ]);

      return responseWithDelay;
    }, (error) => Promise.reject(error));
  }

};

export default httpInterceptor;

/**
 * usage
 * wherever you import axios
 * httpIntercepter.setupInterceptors():
 * 
 * You could also provide an argument, like
 * a redux store. Grab pieces of state, such
 * as a token or even call store.dispatch(), etc
 * 
 * httpIntercepter.setupInterceptors(store):
 */