Types prevent adding new values to headers

Describe the bug

To Reproduce

function getRequestConfig(options: AxiosRequestConfig): AxiosRequestConfig {
  return {
    ...options,
    headers: {
      ...options.headers,
      Authorization: `Bearer ...`,
    },
  };
}

TS2322: Type '{ Authorization: string; get?: AxiosHeaders | undefined; delete?: AxiosHeaders | undefined; head?: AxiosHeaders | undefined; options?: AxiosHeaders | undefined; ... 6 more ...; common?: AxiosHeaders | undefined; }' is not assignable to type 'Partial<RawAxiosHeaders & MethodsHeaders & CommonHeaders>'.
   Property 'get' is incompatible with index signature.
     Type 'AxiosHeaders' is not assignable to type 'AxiosHeaderValue | undefined'.

Expected behavior

Everything is working

Environment

Axios Version 1.0.0

Issue Analytics

State:
Created a year ago
Reactions:9
Comments:12 (5 by maintainers)

Top GitHub Comments

3reactions

lakessydecommented, Dec 1, 2022

Type ‘Partial<RawAxiosHeaders & MethodsHeaders & CommonHeaders> | undefined’ is not assignable to type ‘AxiosRequestHeaders | undefined’. Type ‘Partial<RawAxiosHeaders & MethodsHeaders & CommonHeaders>’ is not assignable to type ‘AxiosRequestHeaders’. Type ‘Partial<RawAxiosHeaders & MethodsHeaders & CommonHeaders>’ is missing the following properties from type ‘AxiosHeaders’: set, has, clear, normalize, and 17 more.

Axios version :1.2.0

is there a fix to this

1reaction

ndjerroucommented, Nov 21, 2022

I got this :

Error: Type '{ Authorization: string; }' is not assignable to type 'Partial<HeadersDefaults> | Partial<RawAxiosHeaders & MethodsHeaders & CommonHeaders> | undefined'.

Axios : version 1.1.3

const client = axios.create({ baseURL: API_URL, timeout: 1000, headers: {Authorization: ``Bearer ${OAUTH_TOKEN}``}, });

what’s wrong ?