Ошибки машинописного текста при использовании CustomEvents

Question

РЕДАКТИРОВАТЬ: OnlineExample

Это работает:

addEventListener("MyCustomEvent", function(e) {
    console.log(e.detail);
});

И это работает:

class Foo
{
    constructor()
    {
        document.addEventListener("MyCustomEvent", this.Bar);
    }

    Bar = (e: CustomEvent): void =>
    {
        console.log(e.detail);
    }
}

Но Typescript выдает ошибку в обоих случаях.

В первом примере et выдает ошибку, когда я получаю доступ к e.detail, но если я делаю:

addEventListener("MyCustomEvent", function(e: CustomEvent) {
    console.log("Working!");
});

, я получаю «Нет перегрузки, это соответствует call "error.

Во втором примере я также получаю сообщение" Нет перегрузки соответствует этому вызову "из-за того, что я вызываю this.Bar.