augmenting mocha module

[mb73]

I am using Cypress 10.3.1 and want to add new functions to mocha Context.

In e2e.ts I do import './context';. And in context.ts I have:

import { Context } from 'mocha';

declare module 'mocha' {
    export interface Context {
        sayHelloWorld();
    }
}

Context.prototype.sayHelloWorld = function () {
    cy.log('hello world');
};

Visual Studio lets me call the new function on Context (code completion). But when trying to run any test I get:

Error: Can't walk dependency graph: Cannot find module 'mocha' from 'C:\…\cypress\support\context.ts'

Is this possibly a bundler issue? If I remove the browserify setup (which I need for something else), I get a different error instead:

Error: Webpack Compilation Error
./cypress/support/context.ts
Module not found: Error: Can't resolve 'mocha' in 'C:\…\cypress\support'
…
Field 'browser' doesn't contain a valid alias configuration

Cypress 10.3.1 package.json refers to Mocha 3.5.3.

Do I have to install it manually to my own project? If I do so (yarn add -D [email protected]), again I get a different error instead:

Cannot read properties of undefined (reading 'prototype')

Any idea how to do this right?