not setting header

[MichaelLiss]

Added all code per the read me into a REACT (non-type script project)

Here is my code:

import { applyAuthTokenInterceptor } from 'axios-jwt';
import axios from 'axios';

const BASE_URL = 'http://localhost:5000/api/';

const axiosInstance = axios.create({ baseURL: BASE_URL });

const requestRefresh = (refresh) => {
  // Notice that this is the global axios instance, not the axiosInstance!  <-- important
  return axios.post(`${BASE_URL}/auth/refreshtoken`, { refresh }).then((response) => response.data.token);
};

applyAuthTokenInterceptor(axiosInstance, { requestRefresh }); // Notice that this uses the axiosInstance instance.  <-- important

export default axiosInstance;

Dependencies:

  "dependencies": {
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "axios": "^1.6.2",
    "axios-jwt": "^3.0.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.20.1",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
  },

[MichaelLiss]

doesn't work with 3.0.0

[MichaelLiss]

event tried putting both tokens in storage:

  tokens = {
    accessToken: token1,
    refreshToken: token2,
  }
  localStorage.setItem("tokens", tokens);

[MichaelLiss]

Authorization header is not being set:

[MichaelLiss]

When I hard code the authorization into the header ... it works:

import axios from '../axiosApi/axiosApi';  // where the code is implemented to use this module
...

      let token = 'eyJhbGciOi <snip_for_brevity>'
      const response = await axios.get(url, { headers: {"Authorization" : `Bearer ${token}`} });