TypeError: __webpack_require__ is not a function in uml plugin also

[ats1999]

Describe the bug

Getting TypeError: __webpack_require__ is not a function while importing uml plugin.

TypeError: __webpack_require__ is not a function
(anonymous function)
node_modules/@toast-ui/editor-plugin-uml/dist/toastui-editor-plugin-uml.js:51
  48 | });
  49 | 
  50 | ;// CONCATENATED MODULE: external "plantuml-encoder"
> 51 | var external_plantuml_encoder_namespaceObject = require("plantuml-encoder");;
  52 | var external_plantuml_encoder_default = /*#__PURE__*/__webpack_require__.n(external_plantuml_encoder_namespaceObject);
  53 | ;// CONCATENATED MODULE: ./src/index.ts
  54 | /**

Desktop (please complete the following information):

• OS: Ubuntu 20.04 LTS
• Browser: Brave

Additional context

I am getting this error while importing uml plugin in Reactjs. This is comeing when i am using developing this locally. When i run it into code-sandbox, then it worked find.

Sandbox

https://codesandbox.io/s/still-night-0feor?file=/src/App.js:2207-2214

The above sandbox is working fine, but when i run the same code locally then i am getting error.

Github Repo

https://github.com/ats1999/react-do/blob/main/src/App.js

[js87zz]

@ats1999
It was a compatibility issue between version 4 and version 5 of the webpack to handle external modules. I can resolve the issue by changing the bundle format(cjs => umd).

I was able to fix it quickly because it was easily reproduced in your project. Thank you :)

• released plugins
  • @toast-ui/editor-plugin-uml@3.0.1
  • @toast-ui/editor-plugin-chart@3.0.1
  • @toast-ui/editor-plugin-color-syntax@3.0.1