reactjs - Babel misslyckas med class-validator i NX-bibliotek

Jag har ett NX Typescript-bibliotek som hämtar in 'class-validators'.

Det första felet jag har stött på är

 Support for the experimental syntax 'decorators-legacy' isn't currently enabled

Så jag har lagt till detta i min babel.config.json:

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

Nästa fel jag får är

Unexpected token, expected "{"
........
node_modules/@nrwl/web/src/utils/web-babel-loader.js)

i alla mina TypeScript-filer. Jag antar att babel förväntar sig JavaScript, så jag har lagt till

"presets": [
  "@babel/preset-typescript"
],

Till min babel.config.json. Nu är problemet jag får med vilken klass som helst som använder class-validators dekoratorer (@IsDefined(), @IsNotNull(), etc...)

Module parse failed: Unexpected token (10:8)
File was processed with these loaders:
 * ../../../node_modules/@nrwl/web/src/utils/web-babel-loader.js
You may need an additional loader to handle the result of these loaders.

Jag använder ett NX Workspace, och detta är ett vanligt TypeScript-bibliotek... Jag är inte 100% säker på vad som är fel här. När jag kör min NestJS-server med detta bibliotek kompilerar och körs det utan problem. Men av någon anledning, när jag kör ReactJS-applikationen, misslyckas det med detta fel.

All hjälp uppskattas mycket!

REDIGERA :

Arbetande babel.config.json

{
  "babelrcRoots": [
    "*"
  ],
  "presets": [
    "@babel/preset-typescript",
    "@babel/preset-env"
  ],
  "plugins": [
    [
      "@babel/plugin-proposal-decorators",
      {
        "legacy": true
      }
    ],
    [
      "@babel/plugin-proposal-class-properties",
      {
        "legacy": true
      }
    ],
    [
      "@babel/plugin-transform-runtime"
    ]
  ]
}