Generated code breaks after update to TypeScript 2.6.1

Hi,

Since we’ve updated to TypeScript 2.6.1 the generated output breaks our build. This is due to the headers in the output which don’t conform to the new RequestInit interface in lib.dom.ts. In the old version it accepted a <any> type for the headers property but now it only accepts <Headers | string[][]>.

For now we can simply solve this by reverting to TypeScript version 2.5.3.

Is there a way to influence the way the headers get generated?

[MariuszKogut]

Assigning an object {} to header is not specified by MDN, but supported by the browser. We are using an fetch Decorator to set the token. In the old version, setting headers.Authorization works fine.

const fetchDecorator = {
  fetch(url: any, init?: RequestInit): Promise<Response> {
    const token = 'Bearer ' + identityManager.getToken();
    if (init) {
      init.headers.Authorization = token;
      init.credentials = 'include';
    }
    return window.fetch(url, init);
  }
};

Now we have to use the headers.set method, to inject the token.

const fetchDecorator = {
  fetch(url: any, init?: RequestInit): Promise<Response> {
    const token = 'Bearer ' + identityManager.getToken();
    if (init) {
      const headers = init.headers as Headers;
      headers.set('Authorization', token);
      init.credentials = 'include';
    }
  return window.fetch(url, init);
  }
};

[huubhermsen]

Works like a charm!

Thank you for the speedy solution.