works with react 18 build error log

[zopenge]

Describe the bug

When I build with react 18 and next.js, I got this error log:

./node_modules/.pnpm/rete-react-plugin@2.0.7_react-dom@18.3.1_react@18.3.1__react@18.3.1_rete-area-plugin@2.1.3_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

link-app-server@0.1.0 D:\SourceCode\link-app
├── @babylonjs/core@7.49.0 -> .\node_modules.pnpm@babylonjs+core@7.49.0\node_modules@babylonjs\core
├── @babylonjs/loaders@7.49.0 -> .\node_modules.pnpm@babylonjs+loaders@7.49.0_@babylonjs+core@7.49.0_babylonjs-gltf2interface@7.37.0\node_modules@babylonjs\loaders
├── @babylonjs/materials@7.49.0 -> .\node_modules.pnpm@babylonjs+materials@7.49.0_@babylonjs+core@7.49.0\node_modules@babylonjs\materials
├── @eslint-community/eslint-utils@4.4.1 extraneous -> .\node_modules.pnpm@eslint-community+eslint-utils@4.4.1_eslint@8.57.1\node_modules@eslint-community\eslint-utils
├── @eslint-community/regexpp@4.12.1 extraneous -> .\node_modules.pnpm@eslint-community+regexpp@4.12.1\node_modules@eslint-community\regexpp
├── @eslint/eslintrc@2.1.4 extraneous -> .\node_modules.pnpm@eslint+eslintrc@2.1.4\node_modules@eslint\eslintrc
├── @ffmpeg/core@0.12.10 -> .\node_modules.pnpm@ffmpeg+core@0.12.10\node_modules@ffmpeg\core
├── @ffmpeg/ffmpeg@0.12.15 -> .\node_modules.pnpm@ffmpeg+ffmpeg@0.12.15\node_modules@ffmpeg\ffmpeg
├── @ffmpeg/util@0.12.2 -> .\node_modules.pnpm@ffmpeg+util@0.12.2\node_modules@ffmpeg\util
├── @headlessui/react@2.2.0 -> .\node_modules.pnpm@headlessui+react@2.2.0_react-dom@18.3.1_react@18.3.1__react@18.3.1\node_modules@headlessui\react
├── @heroicons/react@2.2.0 -> .\node_modules.pnpm@heroicons+react@2.2.0_react@18.3.1\node_modules@heroicons\react
├── @monaco-editor/react@4.7.0 -> .\node_modules.pnpm@monaco-editor+react@4.7.0_monaco-editor@0.52.2_react-dom@18.3.1_react@18.3.1__react@18.3.1\node_modules@monaco-editor\react
├── @next/eslint-plugin-next@15.0.3 extraneous -> .\node_modules.pnpm@next+eslint-plugin-next@15.0.3\node_modules@next\eslint-plugin-next
├── @reduxjs/toolkit@2.5.1 -> .\node_modules.pnpm@reduxjs+toolkit@2.5.1_react-redux@9.2.0_@types+react@18.3.18_react@18.3.1_redux@5.0.1__react@18.3.1\node_modules@reduxjs\toolkit
├── @rollup/plugin-commonjs@28.0.2 -> .\node_modules.pnpm@rollup+plugin-commonjs@28.0.2_rollup@4.34.8\node_modules@rollup\plugin-commonjs
├── @rollup/plugin-node-resolve@16.0.0 -> .\node_modules.pnpm@rollup+plugin-node-resolve@16.0.0_rollup@4.34.8\node_modules@rollup\plugin-node-resolve
├── @rollup/plugin-typescript@12.1.2 -> .\node_modules.pnpm@rollup+plugin-typescript@12.1.2_rollup@4.34.8_tslib@2.8.1_typescript@5.7.3\node_modules@rollup\plugin-typescript
├── @rushstack/eslint-patch@1.10.5 extraneous -> .\node_modules.pnpm@rushstack+eslint-patch@1.10.5\node_modules@rushstack\eslint-patch
├── @supabase/supabase-js@2.48.1 -> .\node_modules.pnpm@supabase+supabase-js@2.48.1\node_modules@supabase\supabase-js
├── @types/eslint-scope@3.7.7 extraneous -> .\node_modules.pnpm@types+eslint-scope@3.7.7\node_modules@types\eslint-scope
├── @types/node-rsa@1.1.4 -> .\node_modules.pnpm@types+node-rsa@1.1.4\node_modules@types\node-rsa
├── @types/node@20.17.19 -> .\node_modules.pnpm@types+node@20.17.19\node_modules@types\node
├── @types/react-dom@18.3.5 -> .\node_modules.pnpm@types+react-dom@18.3.5_@types+react@18.3.18\node_modules@types\react-dom
├── @types/react-window@1.8.8 -> .\node_modules.pnpm@types+react-window@1.8.8\node_modules@types\react-window
├── @types/react@18.3.18 -> .\node_modules.pnpm@types+react@18.3.18\node_modules@types\react
├── @types/three@0.170.0 -> .\node_modules.pnpm@types+three@0.170.0\node_modules@types\three
├── @typescript-eslint/scope-manager@8.24.1 extraneous -> .\node_modules.pnpm@typescript-eslint+scope-manager@8.24.1\node_modules@typescript-eslint\scope-manager
├── @typescript-eslint/visitor-keys@8.24.1 extraneous -> .\node_modules.pnpm@typescript-eslint+visitor-keys@8.24.1\node_modules@typescript-eslint\visitor-keys
├── autoprefixer@10.4.20 -> .\node_modules.pnpm\autoprefixer@10.4.20_postcss@8.5.2\node_modules\autoprefixer├── blockly@11.2.1 -> .\node_modules.pnpm\blockly@11.2.1\node_modules\blockly
├── broadcast-channel@7.0.0 -> .\node_modules.pnpm\broadcast-channel@7.0.0\node_modules\broadcast-channel
├── clsx@2.1.1 -> .\node_modules.pnpm\clsx@2.1.1\node_modules\clsx
├── comlink@4.4.2 -> .\node_modules.pnpm\comlink@4.4.2\node_modules\comlink
├── concurrently@8.2.2 -> .\node_modules.pnpm\concurrently@8.2.2\node_modules\concurrently
├── cookies-next@5.1.0 -> .\node_modules.pnpm\cookies-next@5.1.0_next@15.0.3_react-dom@18.3.1_react@18.3.1__react@18.3.1__react@18.3.1\node_modules\cookies-next
├── copy-webpack-plugin@12.0.2 -> .\node_modules.pnpm\copy-webpack-plugin@12.0.2_webpack@5.98.0\node_modules\copy-webpack-plugin
├── country-flag-icons@1.5.16 -> .\node_modules.pnpm\country-flag-icons@1.5.16\node_modules\country-flag-icons
├── csv-parse@5.6.0 -> .\node_modules.pnpm\csv-parse@5.6.0\node_modules\csv-parse
├── echarts@5.6.0 -> .\node_modules.pnpm\echarts@5.6.0\node_modules\echarts
├── eslint-config-next@15.0.3 -> .\node_modules.pnpm\eslint-config-next@15.0.3_eslint@8.57.1_typescript@5.7.3\node_modules\eslint-config-next
├── eslint-import-resolver-node@0.3.9 extraneous -> .\node_modules.pnpm\eslint-import-resolver-node@0.3.9\node_modules\eslint-import-resolver-node
├── eslint-module-utils@2.12.0 extraneous -> .\node_modules.pnpm\eslint-module-utils@2.12.0_@typescript-eslint+parser@8.24.1_eslint@8.57.1_typescript@5.7.3__e_amwccpzhbwgruoeg6ro6fbkx3m\node_modules\eslint-module-utils
├── eslint@8.57.1 -> .\node_modules.pnpm\eslint@8.57.1\node_modules\eslint
├── glob@11.0.1 -> .\node_modules.pnpm\glob@11.0.1\node_modules\glob
├── i18next@23.16.8 -> .\node_modules.pnpm\i18next@23.16.8\node_modules\i18next
├── jose@5.10.0 -> .\node_modules.pnpm\jose@5.10.0\node_modules\jose
├── jszip@3.10.1 -> .\node_modules.pnpm\jszip@3.10.1\node_modules\jszip
├── local-ssl-proxy@2.0.5 -> .\node_modules.pnpm\local-ssl-proxy@2.0.5\node_modules\local-ssl-proxy
├── mammoth@1.9.0 -> .\node_modules.pnpm\mammoth@1.9.0\node_modules\mammoth
├── nanoid@5.1.0 -> .\node_modules.pnpm\nanoid@5.1.0\node_modules\nanoid
├── next-i18next@15.4.2 -> .\node_modules.pnpm\next-i18next@15.4.2_i18next@23.16.8_next@15.0.3_react-dom@18.3.1_react@18.3.1__react@18.3.1___y3ilh5pqsxvvk5bkhmi7cpwuuy\node_modules\next-i18next
├── next@15.0.3 -> .\node_modules.pnpm\next@15.0.3_react-dom@18.3.1_react@18.3.1__react@18.3.1\node_modules\next
├── node-rsa@1.1.1 -> .\node_modules.pnpm\node-rsa@1.1.1\node_modules\node-rsa
├── pdfjs-dist@4.10.38 -> .\node_modules.pnpm\pdfjs-dist@4.10.38\node_modules\pdfjs-dist
├── postcss@8.5.2 -> .\node_modules.pnpm\postcss@8.5.2\node_modules\postcss
├── react-colorful@5.6.1 -> .\node_modules.pnpm\react-colorful@5.6.1_react-dom@18.3.1_react@18.3.1__react@18.3.1\node_modules\react-colorful
├── react-dnd-html5-backend@16.0.1 -> .\node_modules.pnpm\react-dnd-html5-backend@16.0.1\node_modules\react-dnd-html5-backend
├── react-dnd@16.0.1 -> .\node_modules.pnpm\react-dnd@16.0.1_@types+hoist-non-react-statics@3.3.6_@types+node@20.17.19_@types+react@18.3.18_react@18.3.1\node_modules\react-dnd
├── react-dom@18.3.1 -> .\node_modules.pnpm\react-dom@18.3.1_react@18.3.1\node_modules\react-dom
├── react-i18next@15.4.1 -> .\node_modules.pnpm\react-i18next@15.4.1_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1\node_modules\react-i18next
├── react-kbs@2.1.1 -> .\node_modules.pnpm\react-kbs@2.1.1\node_modules\react-kbs
├── react-redux@9.2.0 -> .\node_modules.pnpm\react-redux@9.2.0_@types+react@18.3.18_react@18.3.1_redux@5.0.1\node_modules\react-redux
├── react-resizable-panels@2.1.7 -> .\node_modules.pnpm\react-resizable-panels@2.1.7_react-dom@18.3.1_react@18.3.1__react@18.3.1\node_modules\react-resizable-panels
├── react-virtualized-auto-sizer@1.0.25 -> .\node_modules.pnpm\react-virtualized-auto-sizer@1.0.25_react-dom@18.3.1_react@18.3.1__react@18.3.1\node_modules\react-virtualized-auto-sizer
├── react-window@1.8.11 -> .\node_modules.pnpm\react-window@1.8.11_react-dom@18.3.1_react@18.3.1__react@18.3.1\node_modules\react-window
├── react@18.3.1 -> .\node_modules.pnpm\react@18.3.1\node_modules\react
├── rete-area-plugin@2.1.3 -> .\node_modules.pnpm\rete-area-plugin@2.1.3_rete@2.0.5\node_modules\rete-area-plugin
├── rete-connection-plugin@2.0.5 -> .\node_modules.pnpm\rete-connection-plugin@2.0.5_rete-area-plugin@2.1.3_rete@2.0.5__rete@2.0.5\node_modules\rete-connection-plugin
├── rete-react-plugin@2.0.7 -> .\node_modules.pnpm\rete-react-plugin@2.0.7_react-dom@18.3.1_react@18.3.1__react@18.3.1_rete-area-plugin@2.1.3_re_bccpdb3n2ml2tvxcapxmi6vgay\node_modules\rete-react-plugin
├── rete-render-utils@2.0.3 -> .\node_modules.pnpm\rete-render-utils@2.0.3_rete-area-plugin@2.1.3_rete@2.0.5__rete@2.0.5\node_modules\rete-render-utils
├── rete@2.0.5 -> .\node_modules.pnpm\rete@2.0.5\node_modules\rete
├── rollup-plugin-postcss@4.0.2 -> .\node_modules.pnpm\rollup-plugin-postcss@4.0.2_postcss@8.5.2\node_modules\rollup-plugin-postcss
├── rollup@4.34.8 -> .\node_modules.pnpm\rollup@4.34.8\node_modules\rollup
├── tailwindcss@3.4.17 -> .\node_modules.pnpm\tailwindcss@3.4.17\node_modules\tailwindcss
├── three@0.171.0 -> .\node_modules.pnpm\three@0.171.0\node_modules\three
├── ts-loader@9.5.2 -> .\node_modules.pnpm\ts-loader@9.5.2_typescript@5.7.3_webpack@5.98.0\node_modules\ts-loader
├── tslib@2.8.1 -> .\node_modules.pnpm\tslib@2.8.1\node_modules\tslib
├── typescript@5.7.3 -> .\node_modules.pnpm\typescript@5.7.3\node_modules\typescript
├── uuid@11.0.5 -> .\node_modules.pnpm\uuid@11.0.5\node_modules\uuid
├── webpack-cli@5.1.4 -> .\node_modules.pnpm\webpack-cli@5.1.4_webpack@5.98.0\node_modules\webpack-cli
├── webpack@5.98.0 -> .\node_modules.pnpm\webpack@5.98.0_webpack-cli@5.1.4\node_modules\webpack
└── yjs@13.6.23 -> .\node_modules.pnpm\yjs@13.6.23\node_modules\yjs

Platform

No response

Relevant log output

Code of Conduct

• I agree to follow this project's Code of Conduct

[Ni55aN]

Cannot reproduce using
rete-kit app -s next -v 18

using Next v14.

Successfully built also on Next v15

next15@0.1.0 /next15
├── @types/node@20.17.31
├── @types/react-dom@18.3.6
├── @types/react@18.3.20
├── @types/styled-components@5.1.34
├── @types/three@0.156.0
├── elkjs@0.8.2
├── next@15.3.1
├── react-dom@18.3.1
├── react@18.3.1
├── rete-area-3d-plugin@2.0.5
├── rete-area-plugin@2.1.3
├── rete-auto-arrange-plugin@2.0.2
├── rete-connection-plugin@2.0.5
├── rete-connection-reroute-plugin@2.0.3
├── rete-context-menu-plugin@2.0.6
├── rete-engine@2.1.1
├── rete-minimap-plugin@2.0.3
├── rete-react-plugin@2.0.7
├── rete-render-utils@2.0.3
├── rete-scopes-plugin@2.1.1
├── rete@2.0.5
├── styled-components@5.3.11
├── three@0.156.1
├── typescript@5.8.3
└── web-worker@1.5.0

[TimoLehnertz]

I am getting the same error. It seems like it only comes up when using rsbuild. At least I couldn't reproduce it using vite.

Here are the steps for reproducing it:

npm create rsbuild@latest

npm add rete-react-plugin

Then somewhere in the app add this:

import { ReactPlugin } from 'rete-react-plugin';
import { createRoot } from 'react-dom/client';
const render = new ReactPlugin<any, any>({ createRoot });

Then:
npm run dev

I really don't understand it though. It looks like rsbuild is somehow too aggressive with checking imports. I'm not sure how to fix it other than removing support for the legacy react versions