Augmenting global in TypeScript

Question

How can I add fetch onto the global object in TypeScript so I don't have to do this:

(global as any).fetch

I've tried this in a file in ./types/index.d.ts

And tried to reference it by including it in the tsconfig.json.

We are talking about node `global` right ? – Titian Cernicova-Dragomir May 20 '19 at 15:00 — Titian Cernicova-Dragomir, May 20 '19 at 15:00

score 3 · Accepted Answer · edited Jun 11 '20 at 08:51

3

declare var global: NodeJS.Global;

So in order to add things to it you just need to augment the Global interface in the NodeJS namespace:

declare namespace NodeJS {
    export interface Global {
        fetch(u: string): string
    }
}
global.fetch("") // ok now

edited Jun 11 '20 at 08:51

vike

answered May 20 '19 at 15:03

say I have this in an index.d.ts file. Do I need to add this file to paths in tsconfig.json? – dagda1 May 20 '19 at 15:08
1

@dagda1 If it is not added to the compilation paths in any other way then yes you need to add it t tsconfig. – Titian Cernicova-Dragomir May 20 '19 at 15:15
Nevermind, I found the answer here https://www.typescriptlang.org/docs/handbook/declaration-merging.html#global-augmentation – moefinley Oct 12 '19 at 19:14

1 Answers1