Cannot import createCanvas

[DOEHOONLEE]

Hi. I'm trying to use Babylon.js within TypeScript project so I installed "node-canvas-webgl" using npm.

However, when I try to use createCanvas, it keeps importing from node Canvas module instead of node-canvas-webgl's ../lib.

Also, this global declaration part keeps giving me errors like Unresolved variable HTMLElement

// polyfill
global.HTMLElement = function () {};
// -> Unresolved variable HTMLElement 
global.window = {
  setTimeout,
  addEventListener() {},
};
global.navigator = {};
global.document = {
  createElement() {
    return createCanvas(300, 150);
  },
  addEventListener() {},
};

I have included the following codes for global declaration.

declare global {
    var HTMLElement:any;
    var window:any;
    var navigator:any;
    var document:any;
}

export {}

Is there some way to use these codes in TypeScript without any issues?

Thank you :)

[DOEHOONLEE]

declare global {
    HTMLElement:any = function () { };
    window:any = {
        setTimeout,
        addEventListener() {},
    };
    navigator:any = {};
    document:any = {
        addEventListener() {},
    };
}

tried this and it's still not working :(