How implement AxiosAuthRefreshRequestConfig type

I have this instance

export const aInstance = axios.create({
  baseURL: API_URL,
  headers: { 'Content-type': 'application/json' },
})

and use with your config:

createAuthRefreshInterceptor(aInstance, refreshAuthLogic, { statusCodes: [401, 403] })

But if i want add the flag to skip refresh token with Typescript, for example

export const login = (data: LoginDataType): Promise<AxiosResponse> => {
  const url = '/auth/login'
  return aInstance.post(url, data, { skipAuthRefresh: true })
}

On { skipAuthRefresh: true } TypeScript said:

Argument of type '{ skipAuthRefresh: boolean; }' is not assignable to parameter of type 'AxiosRequestConfig'.
  Object literal may only specify known properties, and 'skipAuthRefresh' does not exist in type 'AxiosRequestConfig'

It can fix with your AxiosAuthRefreshRequestConfig, but how can i implement it?

[Flyrell]

Unfortunately, the only way is to cast it with as.

axios.post(url, data, { skipAuthRefresh: true } as AxiosAuthRefreshRequestConfig);

[Flyrell]

Hah, that’s something new. I think it might be the set up on your side, as it work just fine at my end, but try wrapping it up in () or using the other casting syntax…

axios.post(url, data, <AxiosAuthRefreshRequestConfig>{ skipAuthRefresh: true })