React-diagrams: Uncaught TypeError: Class constructor cannot be invoked without 'new'

Created on 23 Sep 2019 · 7Comments · Source: projectstorm/react-diagrams

index.js:3228 Uncaught TypeError: Class constructor  cannot be invoked without 'new'
    at new TSCustomNodeModel (TSCustomNodeModel.ts:30)
    at index.tsx:14
    at mountMemo (react-dom.development.js:13459)
    at Object.useMemo (react-dom.development.js:13668)
    at useMemo (react.development.js:1592)
    at QueryBuilder (index.tsx:6)
    at renderWithHooks (react-dom.development.js:12938)
    at mountIndeterminateComponent (react-dom.development.js:15020)
    at beginWork (react-dom.development.js:15625)
    at performUnitOfWork (react-dom.development.js:19312)
    at workLoop (react-dom.development.js:19352)
    at HTMLUnknownElement.callCallback (react-dom.development.js:149)
    at HTMLUnknownElement.sentryWrapped (index.js:3204)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:199)
    at invokeGuardedCallback (react-dom.development.js:256)
    at replayUnitOfWork (react-dom.development.js:18578)
    at renderRoot (react-dom.development.js:19468)
    at performWorkOnRoot (react-dom.development.js:20342)
    at performWork (react-dom.development.js:20254)
    at performSyncWork (react-dom.development.js:20228)
    at requestWork (react-dom.development.js:20097)
    at retryTimedOutBoundary (react-dom.development.js:19789)
    at wrapped (scheduler-tracing.development.js:207)

Source

stereobooster

Most helpful comment

@magnafilix not sure if you are using webpack/babel but I was able to resolve the issue by modifying my webpack.config file by creating a new rule for babel-loader to include projectstorm (we have an existing rule in order to exclude node-modules)

{
        test: /\.js$/,
        include: /node_modules\/@projectstorm/,
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env']
        }
},

karentrevino on 1 Oct 2019

🎉1 👍1

All 7 comments

@stereobooster Same issue here, have you solved it?

littlehaker on 24 Sep 2019

no I haven't

stereobooster on 24 Sep 2019

😕1

@stereobooster, do you have any clue how to fix it?

magnafilix on 25 Sep 2019

Having this issue as well when trying to recreate the Diamond Node example without TypeScript. It's most likely that I'm mixing regular JS and TS but I'm not sure how to fix it.

karentrevino on 27 Sep 2019

@dylanvorster , may I ask you for some help, please?
I really need to get this solved ASAP, I can't go other way creating workarounds for simple Class extends from Default Classes...

magnafilix on 1 Oct 2019

{
        test: /\.js$/,
        include: /node_modules\/@projectstorm/,
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env']
        }
},

karentrevino on 1 Oct 2019

🎉1 👍1

@karentrevino - thanks a lot!

magnafilix on 3 Oct 2019

Was this page helpful?

0 / 5 - 0 ratings