The 'declare' modifier is only allowed when the 'allowDeclareFields' option of @babel/plugin-transform-typescript or @babel/preset-typescript is enabled

[ntucker]

Environment

• wyw-in-js version: 0.5.3
• custom processor: -
• Bundler (+ version): webpack 5.91.0
• Node.js version: 20
• OS: ubuntu linux

Description

ERROR in ./src/pages/IssueDetail/CreateComment.tsx
Module build failed (from ./node_modules/@wyw-in-js/webpack-loader/lib/index.js):
SyntaxError: /home/projects/aoniolzby.github/src/resources/Issue.tsx: The 'declare' modifier is only allowed when the 'allowDeclareFields' option of @babel/plugin-transform-typescript or @babel/preset-typescript is enabled.
  23 |   declare readonly draft?: boolean;
  24 |   get stateIcon() {
> 25 |     return stateToIcon[this.state];
     |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  26 |   }
  27 |   get owner() {
  28 |     const pieces = this.repositoryUrl.split('/');
    at File.buildCodeFrameError (file:///home/projects/aoniolzby.github/node_modules/@babel/core/lib/transformation/file/file.js:202:12)
    at NodePath.buildCodeFrameError (file:///home/projects/aoniolzby.github/node_modules/@babel/traverse/lib/path/index.js:98:21)
    at Object.field (file:///home/projects/aoniolzby.github/node_modules/@babel/plugin-transform-typescript/lib/index.js:73:22)
    at eval (file:///home/projects/aoniolzby.github/node_modules/@babel/plugin-transform-typescript/lib/index.js:360:33)
    at Array.forEach (<anonymous>)
    at PluginPass.Class (file:///home/projects/aoniolzby.github/node_modules/@babel/plugin-transform-typescript/lib/index.js:352:31)
    at newFn (file:///home/projects/aoniolzby.github/node_modules/@babel/traverse/lib/visitors.js:160:14)
    at NodePath._call (file:///home/projects/aoniolzby.github/node_modules/@babel/traverse/lib/path/context.js:46:20)
    at NodePath.call (file:///home/projects/aoniolzby.github/node_modules/@babel/traverse/lib/path/context.js:36:17)
    at NodePath.visit (file:///home/projects/aoniolzby.github/node_modules/@babel/traverse/lib/path/context.js:82:31)

This worked fine in previous versions. Only started happening over the latest update.

Reproducible Demo

Code: https://github.com/reactive/data-client/tree/master/examples/github-app
File that triggers: https://github.com/reactive/data-client/blob/master/examples/github-app/src/resources/Issue.tsx
Stackblitz location to see error : https://stackblitz.com/github/reactive/data-client/tree/master/examples/github-app?file=src%2Fresources%2FIssue.tsx
Webpack config wyw-in-js integration: https://github.com/ntucker/anansi/blob/60736b7b2b13fd3d30a24c8a7f4365d525c6157b/packages/webpack-config-anansi/src/base/index.js#L79
Related babel config integration: https://github.com/ntucker/anansi/blob/60736b7b2b13fd3d30a24c8a7f4365d525c6157b/packages/babel-preset-anansi/index.js#L27