projectstorm/react-diagrams

Problems migrating to TS

Im migrating my react-diagram app to TS but have issues when inheriting from react-diagrams classes. Here is my PortModel.js:

import { DefaultPortModel } from '@projectstorm/react-diagrams';

export default class PortModel extends DefaultPortModel {
    constructor(options) {
        super({
            ...options,
            // Make id easier on humans
            id: `Port_${options.name}_on_${options.parent.options.id}}`
        });
    }
}

After renaming it to PortModel.ts I get this message

Class constructor DefaultPortModel cannot be invoked without 'new'

It seems I have some transpilation/versioning issue. Though I have lots of TS other files migrated already and it works fine...

Configs:

tsconfig.json

{
    "compilerOptions": {
      "module": "commonjs",
      "removeComments": true,
      "preserveConstEnums": true,
      "sourceMap": true,
      "lib": [
        "es2019",
        "dom"
      ],
    }
}

.babelrc

{
    "plugins": [
        ["@babel/plugin-proposal-decorators", { "legacy": true }],
        "@babel/plugin-proposal-class-properties"
    ]
}

Any remedy for my situation?