ts-loader 8.* unable to recognize class variables

[DiscultDev]

Hi when I try to import my test.ts class it throws an error saying additional loader is needed for the class variable options(see blow)

Module parse failed: Unexpected token (3:11)
File was processed with these loaders:
 * ./node_modules/ts-loader/index.js
You may need an additional loader to handle the result of these loaders.
| import { EventEmitter } from "events";
| export class TestClass extends EventEmitter {
>     options;
|     constructor(data) {
|         super();

 @ ./src/backend/electron/electron.ts 5:0-50 37:25-36
 @ multi ./src/backend/electron/electron.ts

This is what I am getting from the console when trying to run the app.

Code example:

import { EventEmitter } from "events";

export class TestClass extends EventEmitter {
  options: object;

  constructor() {
    super();
    this.options = { 
       data: data
    };
  }
}

I am unsure why this is causing an issue.

Some extra info:

I am using this in conjunction with vuejs 2, electron and vuetify.
I had to download my ts-loader to 8 to support webpack 4.

if anymore information is needed I will provide.

[DiscultDev]

Found a fix but not sure if their is a issue here.

in the tsconfig.json change the compilerOptions.target to "es2021" the issue was esnext was throwing errors and es2021 being the latest other than esnext I chose that one and it worked fine.

{
  "compilerOptions": {
    "target": "es2021",
    "module": "esnext",
    ...
  }
}

Ill keep it up for a day and if no one has informed me other ways I will close it