retejs
works with react 18 build error log
Describe the bug
When I build with react 18 and next.js, I got this error log:
./node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected]_re_bccpdb3n2ml2tvxcapxmi6vgay/node_modules/rete-react-plugin/rete-react-plugin.esm.js Attempted import error: 'unmountComponentAtNode' is not exported from 'react-dom' (imported as 'ReactDOM').
how to fix it ? Thanks so much ~
Example to reproduce
No response
How to reproduce
- pnpm build
Expected behavior
Works good with react 18 and next.js
Dependencies
[email protected] D:\SourceCode\link-app
├── @babylonjs/[email protected] -> .\node_modules.pnpm@[email protected]\node_modules@babylonjs\core
├── @babylonjs/[email protected] -> .\node_modules.pnpm@[email protected]_@[email protected][email protected]\node_modules@babylonjs\loaders
├── @babylonjs/[email protected] -> .\node_modules.pnpm@[email protected]_@[email protected]\node_modules@babylonjs\materials
├── @eslint-community/[email protected] extraneous -> .\node_modules.pnpm@[email protected][email protected]\node_modules@eslint-community\eslint-utils
├── @eslint-community/[email protected] extraneous -> .\node_modules.pnpm@[email protected]\node_modules@eslint-community\regexpp
├── @eslint/[email protected] extraneous -> .\node_modules.pnpm@[email protected]\node_modules@eslint\eslintrc
├── @ffmpeg/[email protected] -> .\node_modules.pnpm@[email protected]\node_modules@ffmpeg\core
├── @ffmpeg/[email protected] -> .\node_modules.pnpm@[email protected]\node_modules@ffmpeg\ffmpeg
├── @ffmpeg/[email protected] -> .\node_modules.pnpm@[email protected]\node_modules@ffmpeg\util
├── @headlessui/[email protected] -> .\node_modules.pnpm@[email protected][email protected][email protected][email protected]\node_modules@headlessui\react
├── @heroicons/[email protected] -> .\node_modules.pnpm@[email protected][email protected]\node_modules@heroicons\react
├── @monaco-editor/[email protected] -> .\node_modules.pnpm@[email protected][email protected][email protected][email protected][email protected]\node_modules@monaco-editor\react
├── @next/[email protected] extraneous -> .\node_modules.pnpm@[email protected]\node_modules@next\eslint-plugin-next
├── @reduxjs/[email protected] -> .\node_modules.pnpm@[email protected][email protected]_@[email protected][email protected][email protected][email protected]\node_modules@reduxjs\toolkit
├── @rollup/[email protected] -> .\node_modules.pnpm@[email protected][email protected]\node_modules@rollup\plugin-commonjs
├── @rollup/[email protected] -> .\node_modules.pnpm@[email protected][email protected]\node_modules@rollup\plugin-node-resolve
├── @rollup/[email protected] -> .\node_modules.pnpm@[email protected][email protected][email protected][email protected]\node_modules@rollup\plugin-typescript
├── @rushstack/[email protected] extraneous -> .\node_modules.pnpm@[email protected]\node_modules@rushstack\eslint-patch
├── @supabase/[email protected] -> .\node_modules.pnpm@[email protected]\node_modules@supabase\supabase-js
├── @types/[email protected] extraneous -> .\node_modules.pnpm@[email protected]\node_modules@types\eslint-scope
├── @types/[email protected] -> .\node_modules.pnpm@[email protected]\node_modules@types\node-rsa
├── @types/[email protected] -> .\node_modules.pnpm@[email protected]\node_modules@types\node
├── @types/[email protected] -> .\node_modules.pnpm@[email protected]_@[email protected]\node_modules@types\react-dom
├── @types/[email protected] -> .\node_modules.pnpm@[email protected]\node_modules@types\react-window
├── @types/[email protected] -> .\node_modules.pnpm@[email protected]\node_modules@types\react
├── @types/[email protected] -> .\node_modules.pnpm@[email protected]\node_modules@types\three
├── @typescript-eslint/[email protected] extraneous -> .\node_modules.pnpm@[email protected]\node_modules@typescript-eslint\scope-manager
├── @typescript-eslint/[email protected] extraneous -> .\node_modules.pnpm@[email protected]\node_modules@typescript-eslint\visitor-keys
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected]\node_modules\autoprefixer├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\blockly
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\broadcast-channel
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\clsx
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\comlink
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\concurrently
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected][email protected][email protected]\node_modules\cookies-next
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected]\node_modules\copy-webpack-plugin
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\country-flag-icons
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\csv-parse
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\echarts
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected]\node_modules\eslint-config-next
├── [email protected] extraneous -> .\node_modules.pnpm\[email protected]\node_modules\eslint-import-resolver-node
├── [email protected] extraneous -> .\node_modules.pnpm\[email protected]_@[email protected][email protected][email protected]__e_amwccpzhbwgruoeg6ro6fbkx3m\node_modules\eslint-module-utils
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\eslint
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\glob
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\i18next
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\jose
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\jszip
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\local-ssl-proxy
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\mammoth
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\nanoid
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected][email protected][email protected]___y3ilh5pqsxvvk5bkhmi7cpwuuy\node_modules\next-i18next
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected]\node_modules\next
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\node-rsa
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\pdfjs-dist
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\postcss
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected]\node_modules\react-colorful
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\react-dnd-html5-backend
├── [email protected] -> .\node_modules.pnpm\[email protected]_@[email protected]_@[email protected]_@[email protected][email protected]\node_modules\react-dnd
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected]\node_modules\react-dom
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected][email protected]\node_modules\react-i18next
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\react-kbs
├── [email protected] -> .\node_modules.pnpm\[email protected]_@[email protected][email protected][email protected]\node_modules\react-redux
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected]\node_modules\react-resizable-panels
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected]\node_modules\react-virtualized-auto-sizer
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected]\node_modules\react-window
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\react
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected]\node_modules\rete-area-plugin
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected]\node_modules\rete-connection-plugin
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected][email protected]_re_bccpdb3n2ml2tvxcapxmi6vgay\node_modules\rete-react-plugin
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected][email protected]\node_modules\rete-render-utils
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\rete
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected]\node_modules\rollup-plugin-postcss
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\rollup
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\tailwindcss
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\three
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected][email protected]\node_modules\ts-loader
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\tslib
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\typescript
├── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\uuid
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected]\node_modules\webpack-cli
├── [email protected] -> .\node_modules.pnpm\[email protected][email protected]\node_modules\webpack
└── [email protected] -> .\node_modules.pnpm\[email protected]\node_modules\yjs
Platform
No response
Relevant log output
Code of Conduct
- [x] I agree to follow this project's Code of Conduct
Cannot reproduce using
rete-kit app -s next -v 18
using Next v14.
Successfully built also on Next v15
[email protected] /next15
├── @types/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]
