ImageData constructor has incorrect parameter (not optional where it should be)

[ariccio-learn-co-alternate]

TypeScript Version: 3.6.2

Search Terms:
ImageData

Code

const data: ImageData = new ImageData(screenBuffer, CANVAS_WIDTH);


Argument of type 'Uint8ClampedArray' is not assignable to parameter of type 'number'.  TS2345

    365 |             
    366 |         }
  > 367 |         const data: ImageData = new ImageData(screenBuffer, CANVAS_WIDTH);
        |              

also, simplified:

const screenBufferSize = 4;

const screenBuffer: Uint8ClampedArray = new Uint8ClampedArray(screenBufferSize);

const data: ImageData = new ImageData(screenBuffer, 1);

Expected behavior:

MDN says that the height parameter is optional if the first parameter is a Uint8ClampedArray. Typescript should choose the new(array: Uint8ClampedArray, width: number, height: number): ImageData; overload, but the third param should be optional.

Actual behavior:
Typescript is choosing the new(width: number, height: number): ImageData; overload.

Playground Link:
Where's the share button?
Related Issues:

• Issue ImageData's data isn't Uint8ClampedArray! #5338
• Issue ImageData constructor signature is incorrect #4220
• Issue ImageData.data should be a Uint8ClampedArray, not a number[] #949

[fatcerberus]

Where's the share button?

The URL bar automatically updates as you type code, with the new Playground.

[sandersn]

Note: This has never worked.